Rename package

CONTRIBUTING.md

@@ -19,5 +19,5 @@ cd packages/tree-utils && yarn run -T vitest
 # From any directory, specifying workspace
 # > yarn workspace {workspace} run -T {cmd}
 # Ex:
-yarn workspace @json-schema-form/tree-utils run -T vitest .
+yarn workspace @json-schema-forms/tree-utils run -T vitest .
 ```

package.json

@@ -1,5 +1,5 @@
 {
-  "name": "json-schema-form",
+  "name": "json-schema-forms",
   "private": true,
   "version": "0.1.0",
   "type": "module",

packages/chakra-mobx/.storybook/preview.tsx

@@ -4,7 +4,7 @@ import parser from "prettier/parser-typescript.js"
 import { ChakraProvider, extendTheme } from "@chakra-ui/react"
 import { Preview } from "@storybook/react"
 import { Title, Subtitle, Description, Stories } from "@storybook/blocks"
-import { FormComponentsProvider } from "@json-schema-form/react"
+import { FormComponentsProvider } from "@json-schema-forms/react"
 import { theme, controls, layouts } from "../src/index.js"
 
 const preview: Preview = {

packages/chakra-mobx/package.json

@@ -1,10 +1,10 @@
 {
-  "name": "@json-schema-form/chakra-mobx",
+  "name": "@json-schema-forms/chakra-mobx",
   "license": "MIT",
   "version": "0.1.0",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/stellarhoof/json-schema-form.git"
+    "url": "git+https://github.com/stellarhoof/json-schema-forms.git"
   },
   "type": "module",
   "exports": {
@@ -24,8 +24,8 @@
     "@chakra-ui/react": "^2.5.5",
     "@emotion/react": "^11.10.6",
     "@emotion/styled": "^11.10.6",
-    "@json-schema-form/core": "workspace:^",
-    "@json-schema-form/react": "workspace:^",
+    "@json-schema-forms/core": "workspace:^",
+    "@json-schema-forms/react": "workspace:^",
     "framer-motion": "^10.9.1",
     "lodash": "^4.17.21",
     "mobx-react-lite": "^3.4.3",
@@ -38,7 +38,7 @@
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@json-schema-form/validator-ajv": "workspace:^",
+    "@json-schema-forms/validator-ajv": "workspace:^",
     "@storybook/addon-essentials": "^7.0.25",
     "@storybook/addon-interactions": "^7.0.25",
     "@storybook/addon-links": "^7.0.25",

packages/chakra-mobx/src/Arrays.stories.tsx

@@ -1,6 +1,6 @@
 import { observable } from "mobx"
-import { createForm } from "@json-schema-form/core"
-import { Field, ReactField, ReactFieldProps } from "@json-schema-form/react"
+import { createForm } from "@json-schema-forms/core"
+import { Field, ReactField, ReactFieldProps } from "@json-schema-forms/react"
 
 const meta = {
   title: "Arrays",

packages/chakra-mobx/src/Form.stories.tsx

@@ -3,9 +3,9 @@ import { useState } from "react"
 import { observable, reaction } from "mobx"
 import { Center, chakra } from "@chakra-ui/react"
 import { ErrorObject } from "ajv"
-import { validate } from "@json-schema-form/validator-ajv"
-import { FormSchema, createForm } from "@json-schema-form/core"
-import { useForm, Field, ReactFieldProps } from "@json-schema-form/react"
+import { validate } from "@json-schema-forms/validator-ajv"
+import { FormSchema, createForm } from "@json-schema-forms/core"
+import { useForm, Field, ReactFieldProps } from "@json-schema-forms/react"
 import Submit from "./Submit.js"
 
 const meta = {

packages/chakra-mobx/src/NotFound.tsx

@@ -5,7 +5,7 @@ import {
   AlertDescription,
   AlertProps,
 } from "@chakra-ui/react"
-import { ReactField } from "@json-schema-form/react"
+import { ReactField } from "@json-schema-forms/react"
 
 type Props<P extends object> = { field: ReactField<P> } & AlertProps
 

packages/chakra-mobx/src/Submit.tsx

@@ -1,6 +1,6 @@
 import { observer } from "mobx-react-lite"
 import { Button, ButtonProps } from "@chakra-ui/react"
-import { ReactField } from "@json-schema-form/react"
+import { ReactField } from "@json-schema-forms/react"
 
 type Props<P extends object> = { field: ReactField<P> } & ButtonProps
 

packages/chakra-mobx/src/controls.stories.tsx

@@ -1,11 +1,11 @@
 import { observable } from "mobx"
 import { Meta, StoryObj } from "@storybook/react"
-import { createForm } from "@json-schema-form/core"
+import { createForm } from "@json-schema-forms/core"
 import controls from "./controls.js"
 
 /**
  * ```javascript
- * import { controls } from '@json-schema-form/chakra-mobx'
+ * import { controls } from '@json-schema-forms/chakra-mobx'
  * ```
  */
 const meta: Meta = {

packages/chakra-mobx/src/controls.ts

@@ -1,4 +1,4 @@
-import { FormComponentsContextType } from "@json-schema-form/react"
+import { FormComponentsContextType } from "@json-schema-forms/react"
 import Checkbox from "./controls/Checkbox.js"
 import ChildrenGrid from "./controls/ChildrenGrid.js"
 import Input from "./controls/Input.js"

packages/chakra-mobx/src/controls/Checkbox.tsx

@@ -1,7 +1,7 @@
 import { ForwardedRef, forwardRef } from "react"
 import { observer } from "mobx-react-lite"
 import { CheckboxProps, Checkbox } from "@chakra-ui/react"
-import { ReactField } from "@json-schema-form/react"
+import { ReactField } from "@json-schema-forms/react"
 
 type Props<P extends object> = { field: ReactField<P> } & CheckboxProps
 

packages/chakra-mobx/src/controls/ChildrenGrid.tsx

@@ -1,7 +1,7 @@
 import { ForwardedRef, forwardRef } from "react"
 import { observer } from "mobx-react-lite"
 import { Grid, GridProps } from "@chakra-ui/react"
-import { Field, ReactField } from "@json-schema-form/react"
+import { Field, ReactField } from "@json-schema-forms/react"
 
 type Props<P extends object> = { field: ReactField<P> } & GridProps
 

packages/chakra-mobx/src/controls/Input.tsx

@@ -1,7 +1,7 @@
 import { forwardRef, ForwardedRef } from "react"
 import { observer } from "mobx-react-lite"
 import { Input, InputProps } from "@chakra-ui/react"
-import { getFieldInputType, ReactField } from "@json-schema-form/react"
+import { getFieldInputType, ReactField } from "@json-schema-forms/react"
 
 type Props<P extends object> = { field: ReactField<P> } & InputProps
 

packages/chakra-mobx/src/controls/NumberInput.tsx

@@ -8,8 +8,8 @@ import {
   NumberIncrementStepper,
   NumberDecrementStepper,
 } from "@chakra-ui/react"
-import { Field } from "@json-schema-form/core"
-import { ReactField } from "@json-schema-form/react"
+import { Field } from "@json-schema-forms/core"
+import { ReactField } from "@json-schema-forms/react"
 
 export const useNumberSchema = (schema: Field["schema"]) => {
   if (schema.type !== "number" && schema.type !== "integer") {

packages/chakra-mobx/src/controls/RadioGroup.tsx

@@ -4,7 +4,7 @@ import {
   OptionsRadioGroup,
   Props as OptionsRadioGroupProps,
 } from "./shared/OptionsRadioGroup.js"
-import { ReactField } from "@json-schema-form/react"
+import { ReactField } from "@json-schema-forms/react"
 
 type Props<P extends object> = { field: ReactField<P> } & OptionsRadioGroupProps
 

packages/chakra-mobx/src/controls/Select.tsx

@@ -1,6 +1,6 @@
 import { ForwardedRef, forwardRef } from "react"
 import { observer } from "mobx-react-lite"
-import { ReactField } from "@json-schema-form/react"
+import { ReactField } from "@json-schema-forms/react"
 import {
   OptionsSelect,
   Props as OptionsSelectProps,

packages/chakra-mobx/src/controls/Slider.tsx

@@ -7,7 +7,7 @@ import {
   SliderThumb,
   SliderProps,
 } from "@chakra-ui/react"
-import { ReactField } from "@json-schema-form/react"
+import { ReactField } from "@json-schema-forms/react"
 import { useNumberSchema } from "./NumberInput.js"
 
 type Props<P extends object> = { field: ReactField<P> } & SliderProps

packages/chakra-mobx/src/controls/Switch.tsx

@@ -1,7 +1,7 @@
 import { ForwardedRef, forwardRef } from "react"
 import { observer } from "mobx-react-lite"
 import { SwitchProps, Switch } from "@chakra-ui/react"
-import { ReactField } from "@json-schema-form/react"
+import { ReactField } from "@json-schema-forms/react"
 
 type Props<P extends object> = { field: ReactField<P> } & SwitchProps
 

packages/chakra-mobx/src/controls/Textarea.tsx

@@ -1,7 +1,7 @@
 import { ForwardedRef, forwardRef } from "react"
 import { observer } from "mobx-react-lite"
 import { TextareaProps, Textarea } from "@chakra-ui/react"
-import { ReactField } from "@json-schema-form/react"
+import { ReactField } from "@json-schema-forms/react"
 
 type Props<P extends object> = { field: ReactField<P> } & TextareaProps
 

packages/chakra-mobx/src/layouts.stories.tsx

@@ -1,11 +1,11 @@
 import { StoryObj } from "@storybook/react"
-import { createForm } from "@json-schema-form/core"
+import { createForm } from "@json-schema-forms/core"
 import layouts from "./layouts.js"
 import { observable } from "mobx"
 
 /**
  * ```javascript
- * import { layouts } from '@json-schema-form/chakra-mobx'
+ * import { layouts } from '@json-schema-forms/chakra-mobx'
  * ```
  */
 const meta = {

packages/chakra-mobx/src/layouts.ts

@@ -1,4 +1,4 @@
-import { FormComponentsContextType } from "@json-schema-form/react"
+import { FormComponentsContextType } from "@json-schema-forms/react"
 import NotFound from "./NotFound.js"
 import Default from "./layouts/Default.js"
 import Form from "./layouts/Form.js"

packages/chakra-mobx/src/layouts/Checkbox.tsx

@@ -1,6 +1,6 @@
 import { ForwardedRef, forwardRef } from "react"
 import { FormControlProps, useMultiStyleConfig } from "@chakra-ui/react"
-import { Control, ReactField } from "@json-schema-form/react"
+import { Control, ReactField } from "@json-schema-forms/react"
 import FormControl from "./shared/FormControl.js"
 import Title from "./shared/Title.js"
 import Description from "./shared/Description.js"
@@ -10,7 +10,7 @@ type Props<P extends object> = { field: ReactField<P> } & FormControlProps
 
 export default forwardRef(
   <P extends object>({ field, ...props }: Props<P>, ref: ForwardedRef<any>) => {
-    const css = useMultiStyleConfig("@json-schema-form/layouts/Checkbox", props)
+    const css = useMultiStyleConfig("@json-schema-forms/layouts/Checkbox", props)
     return (
       <FormControl field={field} sx={css.container} {...props}>
         <Control ref={ref} field={field} sx={css.control}>

packages/chakra-mobx/src/layouts/Default.tsx

@@ -1,6 +1,6 @@
 import { ForwardedRef, forwardRef } from "react"
 import { FormControlProps, useMultiStyleConfig } from "@chakra-ui/react"
-import { Control, ReactField } from "@json-schema-form/react"
+import { Control, ReactField } from "@json-schema-forms/react"
 import FormControl from "./shared/FormControl.js"
 import Title from "./shared/Title.js"
 import Description from "./shared/Description.js"
@@ -11,7 +11,7 @@ type Props<P extends object> = { field: ReactField<P> } & FormControlProps
 
 export default forwardRef(
   <P extends object>({ field, ...props }: Props<P>, ref: ForwardedRef<any>) => {
-    const css = useMultiStyleConfig("@json-schema-form/layouts/Default", props)
+    const css = useMultiStyleConfig("@json-schema-forms/layouts/Default", props)
     return (
       <FormControl field={field} sx={css.container} {...props}>
         <Title field={field} sx={css.label}>

packages/chakra-mobx/src/layouts/Fieldset.tsx

@@ -1,6 +1,6 @@
 import { ForwardedRef, forwardRef } from "react"
 import { FormControlProps, useMultiStyleConfig } from "@chakra-ui/react"
-import { Control, ReactField } from "@json-schema-form/react"
+import { Control, ReactField } from "@json-schema-forms/react"
 import FormControl from "./shared/FormControl.js"
 import Title from "./shared/Title.js"
 import Description from "./shared/Description.js"
@@ -12,7 +12,7 @@ type Props<P extends object> = { field: ReactField<P> } & FormControlProps
 
 export default forwardRef(
   <P extends object>({ field, ...props }: Props<P>, ref: ForwardedRef<any>) => {
-    const css = useMultiStyleConfig("@json-schema-form/layouts/Fieldset", props)
+    const css = useMultiStyleConfig("@json-schema-forms/layouts/Fieldset", props)
     return (
       <FormControl as="fieldset" field={field} sx={css.container} {...props}>
         <Title as="legend" field={field} sx={css.label}>

packages/chakra-mobx/src/layouts/Form.tsx

@@ -1,6 +1,6 @@
 import { ForwardedRef, forwardRef } from "react"
 import { FormControlProps, useMultiStyleConfig } from "@chakra-ui/react"
-import { Control, ReactField } from "@json-schema-form/react"
+import { Control, ReactField } from "@json-schema-forms/react"
 import FormControl from "./shared/FormControl.js"
 import Title from "./shared/Title.js"
 import Description from "./shared/Description.js"
@@ -10,7 +10,7 @@ type Props<P extends object> = { field: ReactField<P> } & FormControlProps
 
 export default forwardRef(
   <P extends object>({ field, ...props }: Props<P>, ref: ForwardedRef<any>) => {
-    const css = useMultiStyleConfig("@json-schema-form/layouts/Form", props)
+    const css = useMultiStyleConfig("@json-schema-forms/layouts/Form", props)
     return (
       <FormControl as="fieldset" field={field} sx={css.container} {...props}>
         <Title field={field} sx={css.label} />

packages/chakra-mobx/src/layouts/shared/Description.tsx

@@ -1,5 +1,5 @@
 import { FormHelperText, FormHelperTextProps } from "@chakra-ui/react"
-import { ReactField } from "@json-schema-form/react"
+import { ReactField } from "@json-schema-forms/react"
 
 type Props<P extends object> = { field: ReactField<P> } & FormHelperTextProps
 

packages/chakra-mobx/src/layouts/shared/Errors.tsx

@@ -6,7 +6,7 @@ import {
   FormErrorMessage,
   FormErrorIcon,
 } from "@chakra-ui/react"
-import { ReactField } from "@json-schema-form/react"
+import { ReactField } from "@json-schema-forms/react"
 
 type Props<P extends object> = { field: ReactField<P> } & BoxProps
 

packages/chakra-mobx/src/layouts/shared/FormControl.tsx

@@ -1,6 +1,6 @@
 import { observer } from "mobx-react-lite"
 import { FormControl, FormControlProps } from "@chakra-ui/react"
-import { ReactField } from "@json-schema-form/react"
+import { ReactField } from "@json-schema-forms/react"
 
 type Props<P extends object> = { field: ReactField<P> } & FormControlProps
 

packages/chakra-mobx/src/layouts/shared/RemoveChild.tsx

@@ -2,7 +2,7 @@ import { Omit } from "utility-types"
 import { observer } from "mobx-react-lite"
 import { Icon, Button, ButtonProps } from "@chakra-ui/react"
 import { MdDelete } from "react-icons/md/index.js"
-import { ReactField } from "@json-schema-form/react"
+import { ReactField } from "@json-schema-forms/react"
 
 export default observer(
   <P extends object>({

packages/chakra-mobx/src/layouts/shared/Title.tsx

@@ -1,5 +1,5 @@
 import { chakra, FormLabel, FormLabelProps } from "@chakra-ui/react"
-import { ReactField } from "@json-schema-form/react"
+import { ReactField } from "@json-schema-forms/react"
 import { observer } from "mobx-react-lite"
 
 type Props<P extends object> = { field: ReactField<P> } & FormLabelProps

packages/chakra-mobx/src/theme.ts

@@ -10,7 +10,7 @@ const components = {
       },
     },
   },
-  "@json-schema-form/layouts/Form": {
+  "@json-schema-forms/layouts/Form": {
     parts: ["container", "label", "description", "control", "errors"],
     baseStyle: {
       label: {
@@ -30,7 +30,7 @@ const components = {
       },
     },
   },
-  "@json-schema-form/layouts/Fieldset": {
+  "@json-schema-forms/layouts/Fieldset": {
     parts: [
       "container",
       "label",
@@ -74,7 +74,7 @@ const components = {
       },
     },
   },
-  "@json-schema-form/layouts/Default": {
+  "@json-schema-forms/layouts/Default": {
     parts: [
       "container",
       "label",
@@ -96,7 +96,7 @@ const components = {
       },
     },
   },
-  "@json-schema-form/layouts/Checkbox": {
+  "@json-schema-forms/layouts/Checkbox": {
     parts: ["container", "label", "description", "control", "errors"],
     baseStyle: {
       label: {

packages/core/package.json

@@ -1,10 +1,10 @@
 {
-  "name": "@json-schema-form/core",
+  "name": "@json-schema-forms/core",
   "license": "MIT",
   "version": "0.1.0",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/stellarhoof/json-schema-form.git"
+    "url": "git+https://github.com/stellarhoof/json-schema-forms.git"
   },
   "type": "module",
   "exports": {
@@ -20,7 +20,7 @@
     "prepack": "yarn run -T build"
   },
   "dependencies": {
-    "@json-schema-form/tree-utils": "workspace:^",
+    "@json-schema-forms/tree-utils": "workspace:^",
     "json-schema-utils": "workspace:^",
     "lodash": "^4.17.21"
   },

packages/core/src/createField.ts

@@ -1,7 +1,7 @@
 import _ from "lodash/fp.js"
 import { get, set } from "lodash"
 import { Required } from "utility-types"
-import { Collection, Tree } from "@json-schema-form/tree-utils"
+import { Collection, Tree } from "@json-schema-forms/tree-utils"
 import {
   JsonSchema,
   getSchemaValue,