@satoshibits/react-json-schema-builder 1.0.2 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs10.js +1 -1
- package/dist/index.cjs10.js.map +1 -1
- package/dist/index.cjs100.js +1 -1
- package/dist/index.cjs100.js.map +1 -1
- package/dist/index.cjs101.js +1 -1
- package/dist/index.cjs101.js.map +1 -1
- package/dist/index.cjs102.js +1 -1
- package/dist/index.cjs102.js.map +1 -1
- package/dist/index.cjs103.js +1 -1
- package/dist/index.cjs103.js.map +1 -1
- package/dist/index.cjs104.js +2 -0
- package/dist/index.cjs104.js.map +1 -0
- package/dist/index.cjs11.js +1 -1
- package/dist/index.cjs11.js.map +1 -1
- package/dist/index.cjs12.js +1 -1
- package/dist/index.cjs12.js.map +1 -1
- package/dist/index.cjs13.js +1 -1
- package/dist/index.cjs13.js.map +1 -1
- package/dist/index.cjs14.js +1 -1
- package/dist/index.cjs14.js.map +1 -1
- package/dist/index.cjs15.js +1 -1
- package/dist/index.cjs15.js.map +1 -1
- package/dist/index.cjs16.js +1 -1
- package/dist/index.cjs16.js.map +1 -1
- package/dist/index.cjs17.js +1 -1
- package/dist/index.cjs17.js.map +1 -1
- package/dist/index.cjs18.js +1 -1
- package/dist/index.cjs18.js.map +1 -1
- package/dist/index.cjs19.js +1 -1
- package/dist/index.cjs19.js.map +1 -1
- package/dist/index.cjs2.js +1 -1
- package/dist/index.cjs2.js.map +1 -1
- package/dist/index.cjs20.js +1 -1
- package/dist/index.cjs20.js.map +1 -1
- package/dist/index.cjs21.js +1 -1
- package/dist/index.cjs21.js.map +1 -1
- package/dist/index.cjs22.js +1 -6
- package/dist/index.cjs22.js.map +1 -1
- package/dist/index.cjs23.js +2 -2
- package/dist/index.cjs23.js.map +1 -1
- package/dist/index.cjs24.js +2 -2
- package/dist/index.cjs24.js.map +1 -1
- package/dist/index.cjs25.js +2 -2
- package/dist/index.cjs25.js.map +1 -1
- package/dist/index.cjs26.js +2 -2
- package/dist/index.cjs26.js.map +1 -1
- package/dist/index.cjs27.js +6 -1
- package/dist/index.cjs27.js.map +1 -1
- package/dist/index.cjs28.js +1 -1
- package/dist/index.cjs28.js.map +1 -1
- package/dist/index.cjs29.js +1 -6
- package/dist/index.cjs29.js.map +1 -1
- package/dist/index.cjs3.js +1 -1
- package/dist/index.cjs3.js.map +1 -1
- package/dist/index.cjs30.js +6 -1
- package/dist/index.cjs30.js.map +1 -1
- package/dist/index.cjs31.js +1 -1
- package/dist/index.cjs31.js.map +1 -1
- package/dist/index.cjs32.js +1 -1
- package/dist/index.cjs32.js.map +1 -1
- package/dist/index.cjs33.js +1 -1
- package/dist/index.cjs33.js.map +1 -1
- package/dist/index.cjs34.js +1 -1
- package/dist/index.cjs34.js.map +1 -1
- package/dist/index.cjs35.js +1 -1
- package/dist/index.cjs35.js.map +1 -1
- package/dist/index.cjs36.js +1 -1
- package/dist/index.cjs36.js.map +1 -1
- package/dist/index.cjs37.js +1 -1
- package/dist/index.cjs37.js.map +1 -1
- package/dist/index.cjs38.js +6 -1
- package/dist/index.cjs38.js.map +1 -1
- package/dist/index.cjs39.js +6 -1
- package/dist/index.cjs39.js.map +1 -1
- package/dist/index.cjs4.js +1 -1
- package/dist/index.cjs40.js +6 -1
- package/dist/index.cjs40.js.map +1 -1
- package/dist/index.cjs41.js +1 -1
- package/dist/index.cjs41.js.map +1 -1
- package/dist/index.cjs42.js +1 -1
- package/dist/index.cjs42.js.map +1 -1
- package/dist/index.cjs43.js +1 -6
- package/dist/index.cjs43.js.map +1 -1
- package/dist/index.cjs44.js +1 -6
- package/dist/index.cjs44.js.map +1 -1
- package/dist/index.cjs45.js +1 -6
- package/dist/index.cjs45.js.map +1 -1
- package/dist/index.cjs46.js +1 -7
- package/dist/index.cjs46.js.map +1 -1
- package/dist/index.cjs47.js +7 -1
- package/dist/index.cjs47.js.map +1 -1
- package/dist/index.cjs48.js +1 -6
- package/dist/index.cjs48.js.map +1 -1
- package/dist/index.cjs49.js +1 -6
- package/dist/index.cjs49.js.map +1 -1
- package/dist/index.cjs5.js +1 -1
- package/dist/index.cjs50.js +1 -6
- package/dist/index.cjs50.js.map +1 -1
- package/dist/index.cjs51.js +2 -2
- package/dist/index.cjs51.js.map +1 -1
- package/dist/index.cjs52.js +6 -1
- package/dist/index.cjs52.js.map +1 -1
- package/dist/index.cjs53.js +6 -1
- package/dist/index.cjs53.js.map +1 -1
- package/dist/index.cjs54.js +6 -5
- package/dist/index.cjs54.js.map +1 -1
- package/dist/index.cjs55.js +5 -1
- package/dist/index.cjs55.js.map +1 -1
- package/dist/index.cjs56.js +1 -1
- package/dist/index.cjs56.js.map +1 -1
- package/dist/index.cjs58.js +1 -1
- package/dist/index.cjs58.js.map +1 -1
- package/dist/index.cjs59.js +1 -1
- package/dist/index.cjs59.js.map +1 -1
- package/dist/index.cjs6.js +1 -1
- package/dist/index.cjs60.js +1 -1
- package/dist/index.cjs60.js.map +1 -1
- package/dist/index.cjs61.js +1 -1
- package/dist/index.cjs61.js.map +1 -1
- package/dist/index.cjs62.js +1 -1
- package/dist/index.cjs62.js.map +1 -1
- package/dist/index.cjs63.js +1 -1
- package/dist/index.cjs63.js.map +1 -1
- package/dist/index.cjs64.js +1 -1
- package/dist/index.cjs64.js.map +1 -1
- package/dist/index.cjs65.js +1 -1
- package/dist/index.cjs65.js.map +1 -1
- package/dist/index.cjs66.js +1 -1
- package/dist/index.cjs66.js.map +1 -1
- package/dist/index.cjs67.js +1 -1
- package/dist/index.cjs67.js.map +1 -1
- package/dist/index.cjs68.js +1 -1
- package/dist/index.cjs68.js.map +1 -1
- package/dist/index.cjs69.js +1 -1
- package/dist/index.cjs69.js.map +1 -1
- package/dist/index.cjs7.js +1 -1
- package/dist/index.cjs70.js +1 -1
- package/dist/index.cjs70.js.map +1 -1
- package/dist/index.cjs71.js +1 -1
- package/dist/index.cjs71.js.map +1 -1
- package/dist/index.cjs72.js +1 -1
- package/dist/index.cjs72.js.map +1 -1
- package/dist/index.cjs73.js +1 -1
- package/dist/index.cjs73.js.map +1 -1
- package/dist/index.cjs74.js +1 -1
- package/dist/index.cjs74.js.map +1 -1
- package/dist/index.cjs75.js +1 -1
- package/dist/index.cjs75.js.map +1 -1
- package/dist/index.cjs76.js +1 -1
- package/dist/index.cjs76.js.map +1 -1
- package/dist/index.cjs77.js +1 -1
- package/dist/index.cjs77.js.map +1 -1
- package/dist/index.cjs78.js +1 -1
- package/dist/index.cjs78.js.map +1 -1
- package/dist/index.cjs79.js +1 -1
- package/dist/index.cjs79.js.map +1 -1
- package/dist/index.cjs8.js +1 -1
- package/dist/index.cjs80.js +1 -1
- package/dist/index.cjs80.js.map +1 -1
- package/dist/index.cjs81.js +1 -1
- package/dist/index.cjs81.js.map +1 -1
- package/dist/index.cjs82.js +1 -1
- package/dist/index.cjs82.js.map +1 -1
- package/dist/index.cjs83.js +1 -1
- package/dist/index.cjs83.js.map +1 -1
- package/dist/index.cjs84.js +1 -1
- package/dist/index.cjs84.js.map +1 -1
- package/dist/index.cjs85.js +1 -1
- package/dist/index.cjs85.js.map +1 -1
- package/dist/index.cjs86.js +1 -1
- package/dist/index.cjs86.js.map +1 -1
- package/dist/index.cjs87.js +1 -1
- package/dist/index.cjs87.js.map +1 -1
- package/dist/index.cjs88.js +1 -4
- package/dist/index.cjs88.js.map +1 -1
- package/dist/index.cjs89.js +4 -1
- package/dist/index.cjs89.js.map +1 -1
- package/dist/index.cjs9.js +1 -1
- package/dist/index.cjs9.js.map +1 -1
- package/dist/index.cjs90.js +1 -1
- package/dist/index.cjs90.js.map +1 -1
- package/dist/index.cjs91.js +1 -1
- package/dist/index.cjs91.js.map +1 -1
- package/dist/index.cjs92.js +1 -1
- package/dist/index.cjs92.js.map +1 -1
- package/dist/index.cjs93.js +1 -1
- package/dist/index.cjs93.js.map +1 -1
- package/dist/index.cjs94.js +1 -38
- package/dist/index.cjs94.js.map +1 -1
- package/dist/index.cjs95.js +38 -1
- package/dist/index.cjs95.js.map +1 -1
- package/dist/index.cjs96.js +1 -1
- package/dist/index.cjs96.js.map +1 -1
- package/dist/index.cjs97.js +1 -1
- package/dist/index.cjs97.js.map +1 -1
- package/dist/index.cjs98.js +1 -1
- package/dist/index.cjs98.js.map +1 -1
- package/dist/index.cjs99.js +1 -1
- package/dist/index.cjs99.js.map +1 -1
- package/dist/index.es10.js +22 -46
- package/dist/index.es10.js.map +1 -1
- package/dist/index.es100.js +23 -23
- package/dist/index.es100.js.map +1 -1
- package/dist/index.es101.js +21 -11
- package/dist/index.es101.js.map +1 -1
- package/dist/index.es102.js +11 -26
- package/dist/index.es102.js.map +1 -1
- package/dist/index.es103.js +27 -4
- package/dist/index.es103.js.map +1 -1
- package/dist/index.es104.js +8 -0
- package/dist/index.es104.js.map +1 -0
- package/dist/index.es11.js +38 -57
- package/dist/index.es11.js.map +1 -1
- package/dist/index.es12.js +58 -21
- package/dist/index.es12.js.map +1 -1
- package/dist/index.es13.js +21 -126
- package/dist/index.es13.js.map +1 -1
- package/dist/index.es14.js +125 -11
- package/dist/index.es14.js.map +1 -1
- package/dist/index.es15.js +17 -132
- package/dist/index.es15.js.map +1 -1
- package/dist/index.es16.js +130 -133
- package/dist/index.es16.js.map +1 -1
- package/dist/index.es17.js +114 -40
- package/dist/index.es17.js.map +1 -1
- package/dist/index.es18.js +62 -9
- package/dist/index.es18.js.map +1 -1
- package/dist/index.es19.js +11 -23
- package/dist/index.es19.js.map +1 -1
- package/dist/index.es2.js +94 -85
- package/dist/index.es2.js.map +1 -1
- package/dist/index.es20.js +20 -422
- package/dist/index.es20.js.map +1 -1
- package/dist/index.es21.js +424 -5
- package/dist/index.es21.js.map +1 -1
- package/dist/index.es22.js +6 -13
- package/dist/index.es22.js.map +1 -1
- package/dist/index.es23.js +7 -10
- package/dist/index.es23.js.map +1 -1
- package/dist/index.es24.js +10 -7
- package/dist/index.es24.js.map +1 -1
- package/dist/index.es25.js +6 -12
- package/dist/index.es25.js.map +1 -1
- package/dist/index.es26.js +13 -4
- package/dist/index.es26.js.map +1 -1
- package/dist/index.es27.js +10 -19
- package/dist/index.es27.js.map +1 -1
- package/dist/index.es28.js +18 -22
- package/dist/index.es28.js.map +1 -1
- package/dist/index.es29.js +23 -13
- package/dist/index.es29.js.map +1 -1
- package/dist/index.es3.js +160 -165
- package/dist/index.es3.js.map +1 -1
- package/dist/index.es30.js +13 -17
- package/dist/index.es30.js.map +1 -1
- package/dist/index.es31.js +17 -15
- package/dist/index.es31.js.map +1 -1
- package/dist/index.es32.js +13 -2475
- package/dist/index.es32.js.map +1 -1
- package/dist/index.es33.js +2472 -36
- package/dist/index.es33.js.map +1 -1
- package/dist/index.es34.js +41 -33
- package/dist/index.es34.js.map +1 -1
- package/dist/index.es35.js +32 -115
- package/dist/index.es35.js.map +1 -1
- package/dist/index.es36.js +108 -106
- package/dist/index.es36.js.map +1 -1
- package/dist/index.es37.js +824 -48
- package/dist/index.es37.js.map +1 -1
- package/dist/index.es38.js +10 -24
- package/dist/index.es38.js.map +1 -1
- package/dist/index.es39.js +10 -45
- package/dist/index.es39.js.map +1 -1
- package/dist/index.es4.js +1 -1
- package/dist/index.es40.js +10 -86
- package/dist/index.es40.js.map +1 -1
- package/dist/index.es41.js +110 -56
- package/dist/index.es41.js.map +1 -1
- package/dist/index.es42.js +48 -824
- package/dist/index.es42.js.map +1 -1
- package/dist/index.es43.js +24 -10
- package/dist/index.es43.js.map +1 -1
- package/dist/index.es44.js +45 -10
- package/dist/index.es44.js.map +1 -1
- package/dist/index.es45.js +86 -10
- package/dist/index.es45.js.map +1 -1
- package/dist/index.es46.js +57 -120
- package/dist/index.es46.js.map +1 -1
- package/dist/index.es47.js +122 -62
- package/dist/index.es47.js.map +1 -1
- package/dist/index.es48.js +63 -21
- package/dist/index.es48.js.map +1 -1
- package/dist/index.es49.js +8 -9
- package/dist/index.es49.js.map +1 -1
- package/dist/index.es5.js +7 -7
- package/dist/index.es50.js +5 -38
- package/dist/index.es50.js.map +1 -1
- package/dist/index.es51.js +14 -11
- package/dist/index.es51.js.map +1 -1
- package/dist/index.es52.js +9 -8
- package/dist/index.es52.js.map +1 -1
- package/dist/index.es53.js +38 -5
- package/dist/index.es53.js.map +1 -1
- package/dist/index.es54.js +17 -254
- package/dist/index.es54.js.map +1 -1
- package/dist/index.es55.js +251 -18
- package/dist/index.es55.js.map +1 -1
- package/dist/index.es56.js +21 -26
- package/dist/index.es56.js.map +1 -1
- package/dist/index.es58.js +23 -62
- package/dist/index.es58.js.map +1 -1
- package/dist/index.es59.js +63 -27
- package/dist/index.es59.js.map +1 -1
- package/dist/index.es6.js +6 -6
- package/dist/index.es60.js +29 -5
- package/dist/index.es60.js.map +1 -1
- package/dist/index.es61.js +5 -24
- package/dist/index.es61.js.map +1 -1
- package/dist/index.es62.js +24 -32
- package/dist/index.es62.js.map +1 -1
- package/dist/index.es63.js +32 -3
- package/dist/index.es63.js.map +1 -1
- package/dist/index.es64.js +3 -45
- package/dist/index.es64.js.map +1 -1
- package/dist/index.es65.js +45 -7
- package/dist/index.es65.js.map +1 -1
- package/dist/index.es66.js +7 -124
- package/dist/index.es66.js.map +1 -1
- package/dist/index.es67.js +122 -12
- package/dist/index.es67.js.map +1 -1
- package/dist/index.es68.js +14 -133
- package/dist/index.es68.js.map +1 -1
- package/dist/index.es69.js +133 -10
- package/dist/index.es69.js.map +1 -1
- package/dist/index.es7.js +6 -6
- package/dist/index.es70.js +10 -215
- package/dist/index.es70.js.map +1 -1
- package/dist/index.es71.js +215 -12
- package/dist/index.es71.js.map +1 -1
- package/dist/index.es72.js +13 -8
- package/dist/index.es72.js.map +1 -1
- package/dist/index.es73.js +7 -3
- package/dist/index.es73.js.map +1 -1
- package/dist/index.es74.js +3 -27
- package/dist/index.es74.js.map +1 -1
- package/dist/index.es75.js +28 -50
- package/dist/index.es75.js.map +1 -1
- package/dist/index.es76.js +50 -9
- package/dist/index.es76.js.map +1 -1
- package/dist/index.es77.js +9 -68
- package/dist/index.es77.js.map +1 -1
- package/dist/index.es78.js +67 -11
- package/dist/index.es78.js.map +1 -1
- package/dist/index.es79.js +10 -203
- package/dist/index.es79.js.map +1 -1
- package/dist/index.es8.js +7 -7
- package/dist/index.es80.js +203 -20
- package/dist/index.es80.js.map +1 -1
- package/dist/index.es81.js +21 -392
- package/dist/index.es81.js.map +1 -1
- package/dist/index.es82.js +390 -22
- package/dist/index.es82.js.map +1 -1
- package/dist/index.es83.js +24 -28
- package/dist/index.es83.js.map +1 -1
- package/dist/index.es84.js +29 -5
- package/dist/index.es84.js.map +1 -1
- package/dist/index.es85.js +5 -5
- package/dist/index.es85.js.map +1 -1
- package/dist/index.es86.js +5 -3
- package/dist/index.es86.js.map +1 -1
- package/dist/index.es87.js +3 -24
- package/dist/index.es87.js.map +1 -1
- package/dist/index.es88.js +22 -108
- package/dist/index.es88.js.map +1 -1
- package/dist/index.es89.js +108 -14
- package/dist/index.es89.js.map +1 -1
- package/dist/index.es9.js +3 -22
- package/dist/index.es9.js.map +1 -1
- package/dist/index.es90.js +14 -521
- package/dist/index.es90.js.map +1 -1
- package/dist/index.es91.js +509 -113
- package/dist/index.es91.js.map +1 -1
- package/dist/index.es92.js +121 -123
- package/dist/index.es92.js.map +1 -1
- package/dist/index.es93.js +125 -61
- package/dist/index.es93.js.map +1 -1
- package/dist/index.es94.js +65 -69
- package/dist/index.es94.js.map +1 -1
- package/dist/index.es95.js +68 -8
- package/dist/index.es95.js.map +1 -1
- package/dist/index.es96.js +9 -14
- package/dist/index.es96.js.map +1 -1
- package/dist/index.es97.js +14 -62
- package/dist/index.es97.js.map +1 -1
- package/dist/index.es98.js +62 -4
- package/dist/index.es98.js.map +1 -1
- package/dist/index.es99.js +3 -22
- package/dist/index.es99.js.map +1 -1
- package/dist/packages/builder/context.d.ts +12 -0
- package/dist/packages/builder/context.d.ts.map +1 -1
- package/dist/packages/builder/schema-builder.d.ts.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/dist/index.es2.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es2.js","sources":["../src/packages/builder/context.tsx"],"sourcesContent":["import { createContext, useContext, useState } from \"react\";\n\nimport type { PropsWithChildren, SetStateAction } from \"react\";\nimport type { JSONSchema7, JSONSchema7Definition } from \"json-schema\";\nimport { clone } from \"remeda\";\nimport type { OperationError } from \"./shared-types\";\n\ninterface ContextState<T extends JSONSchema7> {\n schema: T;\n setSchema: React.Dispatch<T>;\n path: string[];\n setPath: React.Dispatch<SetStateAction<string[]>>;\n}\n\nexport const SchemaContext = createContext<\n ContextState<JSONSchema7> | undefined\n>(undefined);\n\nconst defaultSchema: JSONSchema7 = {\n $schema: \"http://json-schema.org/draft-07/schema#\",\n type: \"object\",\n title: \"title\",\n description: \"\",\n properties: {},\n required: [],\n};\n\nfunction SchemaProvider({\n children,\n initialSchema,\n}: PropsWithChildren<{ initialSchema?: JSONSchema7 }>) {\n const [schema, setSchema] = useState<JSONSchema7>(\n initialSchema ?? defaultSchema,\n );\n\n /**\n * Path represents the path to a nested property in the schema.\n * It should only contain property keys.\n * An empty path means the current schema is the root schema since\n * the path only represents nested properties.\n */\n const [path, setPath] = useState<string[]>([]);\n\n // NOTE: you *might* need to memoize your values\n // Learn more in http://kcd.im/optimize-context\n\n return (\n <SchemaContext.Provider value={{ schema, setSchema, path, setPath }}>\n {children}\n </SchemaContext.Provider>\n );\n}\n\nexport type PropertyAddError = OperationError & {\n status: \"error\";\n};\n\nexport interface PropertyAddSuccess {\n status: \"success\";\n property: JSONSchema7;\n}\n\nexport interface PropertyChangeSuccess {\n status: \"success\";\n property: JSONSchema7Definition;\n}\n\nfunction useSchema() {\n const context = useContext(SchemaContext);\n\n if (context === undefined) {\n throw new Error(\"useSchema must be used within a SchemaProvider\");\n }\n\n const { path, schema, setSchema } = context;\n\n /**\n * Navigates to the correct property schema of the latest key in the provided path.\n *\n * It will traverse both \"properties\" and \"items\" to find the correct property schema.\n *\n * It will only return a property schema if the provided path is valid i.e. it\n * correctly follows the schema's nesting structure.\n *\n * It will only return a parent schema if the provided path is valid i.e. it\n * correctly follows the schema's nesting structure.\n */\n const navigateToCorrectNesting = (\n providedSchema: JSONSchema7,\n providedPath: string[],\n ) => {\n let current = providedSchema;\n let propertySchema: JSONSchema7 | null = null;\n // Should be the schema of type \"object\" containing the property in its properties key\n let parentSchema: JSONSchema7 | null = null;\n\n for (const p of providedPath) {\n if (\n current.type === \"array\" &&\n current.items &&\n !Array.isArray(current.items) &&\n typeof current.items === \"object\" &&\n current.items.type === \"object\" &&\n typeof current.items.properties?.[p] === \"object\"\n ) {\n parentSchema = current.items;\n propertySchema = current.items.properties[p];\n current = current.items;\n } else if (\n current.type === \"object\" &&\n current.properties &&\n !Array.isArray(current.properties) &&\n typeof current.properties[p] === \"object\"\n ) {\n parentSchema = current;\n propertySchema = current.properties[p];\n current = current.properties[p];\n }\n }\n\n return { propertySchema, parentSchema };\n };\n\n /**\n * Gets the current schema of the latest key in the path.\n * If path is empty, it will return the root schema.\n *\n * It should always return the \"object\" schema of the current path.\n */\n const getCurrentSchema = (initialSchema?: JSONSchema7) => {\n // Gets the correct object schema if under nesting\n // Otherwise, return the root schema\n const { propertySchema } = navigateToCorrectNesting(\n initialSchema ?? schema,\n path,\n );\n\n if (propertySchema) {\n if (propertySchema.type === \"array\") {\n return propertySchema.items as JSONSchema7;\n }\n\n return propertySchema;\n }\n\n return initialSchema ?? schema;\n };\n\n /**\n * Gets the correct property schema of the latest key in the path.\n * If no path is provided, it will return null.\n */\n const getCurrentProperty = () => {\n const { propertySchema } = navigateToCorrectNesting(schema, path);\n\n return propertySchema;\n };\n\n /**\n * Change the key of a property in the schema. It expects\n * the find the key at the current path.\n */\n const handleKeyChange = (key: string, newKey: string) => {\n const newSchema = clone(schema);\n\n // The current schema containing the property to change\n const current: JSONSchema7 = getCurrentSchema(newSchema);\n\n if (current.properties?.[key]) {\n //Important: maintain order as to not confuse users\n const newProperties = Object.entries(current.properties).map(\n ([k, val]) => {\n return [k === key ? newKey : k, val];\n },\n );\n\n current.properties = Object.fromEntries(\n newProperties,\n ) as JSONSchema7[\"properties\"];\n }\n\n if (current.required?.includes(key)) {\n current.required = current.required.map((item) =>\n item === key ? newKey : item,\n );\n }\n\n setSchema(newSchema);\n };\n\n const handlePropertyChange = (\n key: string,\n updates: Partial<JSONSchema7Definition> & { isRequired?: boolean },\n ): PropertyChangeSuccess | undefined => {\n const newSchema = clone(schema);\n\n // The current schema containing the property to change\n const current: JSONSchema7 = getCurrentSchema(newSchema);\n\n // Handle required field updates\n if (typeof updates === \"object\" && \"isRequired\" in updates) {\n if (current.type === \"object\") {\n if (!current.required) {\n current.required = [];\n }\n if (updates.isRequired) {\n if (!current.required.includes(key)) {\n current.required.push(key);\n }\n } else {\n current.required = current.required.filter((item) => item !== key);\n }\n }\n delete updates.isRequired;\n }\n\n let isUpdated = false;\n\n // Update the property\n if (current.type === \"object\" && current.properties) {\n const originalProperty = current.properties[key];\n // Ensure the property exists and is not a boolean\n if (typeof originalProperty !== \"boolean\" && originalProperty) {\n if (typeof updates !== \"boolean\") {\n //if updates changes the type of the property,\n //only the title, description, and default properties should remain\n //from the original property\n if (updates.type && updates.type !== originalProperty.type) {\n updates = {\n title: originalProperty.title,\n description: originalProperty.description,\n default: originalProperty.default,\n ...updates,\n };\n } else if (updates.enum) {\n //if the property is an enum, only the title and description should remain\n //from the original property\n delete updates.type;\n delete updates.items;\n delete updates.properties;\n updates = {\n title: originalProperty.title,\n description: originalProperty.description,\n ...updates,\n };\n } else {\n updates = { ...originalProperty, ...updates };\n }\n\n current.properties[key] = updates;\n }\n }\n isUpdated = true;\n }\n\n setSchema(newSchema);\n\n if (isUpdated) {\n return { status: \"success\", property: current.properties![key]! };\n }\n };\n\n /**\n * Adds a sibling property to the current schema.\n */\n const handleAddProperty = (\n key: string,\n propertyToAdd: JSONSchema7,\n isRequired: boolean,\n ) => {\n const newSchema = clone(schema);\n\n // The current schema containing the property to add\n const current: JSONSchema7 = getCurrentSchema(newSchema);\n\n // Ensure the current schema has a properties object\n if (current.type !== \"object\") {\n current.type = \"object\";\n }\n if (!current.properties) {\n current.properties = {};\n }\n\n //Ensure there's no existing property with the same key\n if (current.properties[key]) {\n return {\n status: \"error\",\n code: \"key-exists\" as const,\n message: `Property with key ${key} already exists`,\n } satisfies PropertyAddError;\n }\n\n if (propertyToAdd.enum) {\n //ensure that only the enum property is present\n delete propertyToAdd.type;\n delete propertyToAdd.items;\n delete propertyToAdd.properties;\n }\n\n // Add the new property\n current.properties[key] = propertyToAdd;\n\n // Handle required field\n if (isRequired) {\n if (!current.required) {\n current.required = [];\n }\n if (!current.required.includes(key)) {\n current.required.push(key);\n }\n }\n\n setSchema(newSchema);\n\n return {\n status: \"success\" as const,\n property: current.properties[key],\n } satisfies PropertyAddSuccess;\n };\n\n const handleDeleteProperty = (key: string) => {\n const newSchema = clone(schema);\n\n // The current schema containing the property to delete\n const current: JSONSchema7 = getCurrentSchema(newSchema);\n\n // Handle required field updates\n if (current.type === \"object\") {\n if (current.required) {\n current.required = current.required.filter((item) => item !== key);\n }\n }\n\n // Delete the property\n if (current.type === \"object\" && current.properties) {\n delete current.properties[key];\n }\n\n setSchema(newSchema);\n };\n\n // const handleDuplicateProperty = (key: string) => {\n // const currentProperties = getCurrentSchema().properties;\n // if (!currentProperties || typeof currentProperties[key] === \"boolean\") {\n // return;\n // }\n\n // const propertyToDuplicate = currentProperties[key]!;\n // const newKey = `${key}_copy`;\n // const newProperty = clone(propertyToDuplicate);\n\n // // Add the duplicated property\n // const result = handleAddProperty(\n // newKey,\n // newProperty,\n // isPropertyRequired(key),\n // );\n\n // // Notify if needed\n // if (result.status === \"error\") {\n // props.onPropertyAddError?.(result);\n // } else {\n // props.onPropertyAddSuccess?.(result);\n // }\n // };\n\n const isPropertyRequired = (key: string) => {\n if (path.length) {\n const { propertySchema } = navigateToCorrectNesting(schema, path);\n\n if (\n propertySchema?.type === \"array\" &&\n propertySchema.items &&\n typeof propertySchema.items !== \"boolean\" &&\n !Array.isArray(propertySchema.items) &&\n propertySchema.items?.type === \"object\"\n ) {\n return Boolean(propertySchema.items?.required?.includes(key));\n } else {\n return Boolean(propertySchema?.required?.includes(key));\n }\n }\n\n return Boolean(schema?.required?.includes(key));\n };\n\n return {\n ...context,\n getCurrentSchema,\n getCurrentProperty,\n handlePropertyChange,\n handleAddProperty,\n handleKeyChange,\n navigateToCorrectNesting,\n handleDeleteProperty,\n isPropertyRequired,\n };\n}\n\nexport { SchemaProvider, useSchema };\n"],"names":["SchemaContext","createContext","defaultSchema","SchemaProvider","children","initialSchema","schema","setSchema","useState","path","setPath","jsx","useSchema","context","useContext","navigateToCorrectNesting","providedSchema","providedPath","current","propertySchema","parentSchema","p","getCurrentSchema","key","updates","newSchema","clone","item","isUpdated","originalProperty","propertyToAdd","isRequired","newKey","newProperties","k","val"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.es2.js","sources":["../src/packages/builder/context.tsx"],"sourcesContent":["import { createContext, useContext, useState } from \"react\";\n\nimport type { PropsWithChildren, SetStateAction } from \"react\";\nimport type { JSONSchema7, JSONSchema7Definition } from \"json-schema\";\nimport { clone, isEmpty } from \"remeda\";\nimport type { OperationError } from \"./shared-types\";\n\ninterface ContextState<T extends JSONSchema7> {\n schema: T;\n setSchema: React.Dispatch<T>;\n path: string[];\n setPath: React.Dispatch<SetStateAction<string[]>>;\n}\n\nexport const SchemaContext = createContext<\n ContextState<JSONSchema7> | undefined\n>(undefined);\n\nconst defaultSchema: JSONSchema7 = {\n $schema: \"http://json-schema.org/draft-07/schema#\",\n type: \"object\",\n title: \"title\",\n description: \"\",\n properties: {},\n required: [],\n};\n\nfunction SchemaProvider({\n children,\n initialSchema,\n}: PropsWithChildren<{ initialSchema?: JSONSchema7 }>) {\n const [schema, setSchema] = useState<JSONSchema7>(\n initialSchema ?? defaultSchema,\n );\n\n /**\n * Path represents the path to a nested property in the schema.\n * It should only contain property keys.\n * An empty path means the current schema is the root schema since\n * the path only represents nested properties.\n */\n const [path, setPath] = useState<string[]>([]);\n\n // NOTE: you *might* need to memoize your values\n // Learn more in http://kcd.im/optimize-context\n\n return (\n <SchemaContext.Provider value={{ schema, setSchema, path, setPath }}>\n {children}\n </SchemaContext.Provider>\n );\n}\n\nexport type PropertyAddError = OperationError & {\n status: \"error\";\n};\n\nexport interface PropertyAddSuccess {\n status: \"success\";\n property: JSONSchema7;\n}\n\nexport interface PropertyChangeSuccess {\n status: \"success\";\n property: JSONSchema7Definition;\n}\n\nfunction useSchema() {\n const context = useContext(SchemaContext);\n\n if (context === undefined) {\n throw new Error(\"useSchema must be used within a SchemaProvider\");\n }\n\n const { path, schema, setSchema } = context;\n\n /**\n * Navigates to the correct property schema of the latest key in the provided path.\n *\n * It will traverse both \"properties\" and \"items\" to find the correct property schema.\n *\n * It will only return a property schema if the provided path is valid i.e. it\n * correctly follows the schema's nesting structure.\n *\n * It will only return a parent schema if the provided path is valid i.e. it\n * correctly follows the schema's nesting structure.\n */\n const navigateToCorrectNesting = (\n providedSchema: JSONSchema7,\n providedPath: string[],\n ) => {\n let current = providedSchema;\n let propertySchema: JSONSchema7 | null = null;\n // Should be the schema of type \"object\" containing the property in its properties key\n let parentSchema: JSONSchema7 | null = null;\n\n for (const p of providedPath) {\n if (\n current.type === \"array\" &&\n current.items &&\n !Array.isArray(current.items) &&\n typeof current.items === \"object\" &&\n current.items.type === \"object\" &&\n typeof current.items.properties?.[p] === \"object\"\n ) {\n parentSchema = current.items;\n propertySchema = current.items.properties[p];\n current = current.items;\n } else if (\n current.type === \"object\" &&\n current.properties &&\n !Array.isArray(current.properties) &&\n typeof current.properties[p] === \"object\"\n ) {\n parentSchema = current;\n propertySchema = current.properties[p];\n current = current.properties[p];\n }\n }\n\n return { propertySchema, parentSchema };\n };\n\n /**\n * Gets the current schema of the latest key in the path.\n * If path is empty, it will return the root schema.\n *\n * It should always return the \"object\" schema of the current path.\n */\n const getCurrentSchema = (initialSchema?: JSONSchema7) => {\n // Gets the correct object schema if under nesting\n // Otherwise, return the root schema\n const { propertySchema } = navigateToCorrectNesting(\n initialSchema ?? schema,\n path,\n );\n\n if (propertySchema) {\n if (propertySchema.type === \"array\") {\n return propertySchema.items as JSONSchema7;\n }\n\n return propertySchema;\n }\n\n return initialSchema ?? schema;\n };\n\n /**\n * Gets the correct property schema of the latest key in the path.\n * If no path is provided, it will return null.\n */\n const getCurrentProperty = () => {\n const { propertySchema } = navigateToCorrectNesting(schema, path);\n\n return propertySchema;\n };\n\n /**\n * Change the key of a property in the schema. It expects\n * the find the key at the current path.\n */\n const handleKeyChange = (key: string, newKey: string) => {\n const newSchema = clone(schema);\n\n // The current schema containing the property to change\n const current: JSONSchema7 = getCurrentSchema(newSchema);\n\n if (current.properties?.[key]) {\n //Important: maintain order as to not confuse users\n const newProperties = Object.entries(current.properties).map(\n ([k, val]) => {\n return [k === key ? newKey : k, val];\n },\n );\n\n current.properties = Object.fromEntries(\n newProperties,\n ) as JSONSchema7[\"properties\"];\n }\n\n if (current.required?.includes(key)) {\n current.required = current.required.map((item) =>\n item === key ? newKey : item,\n );\n }\n\n setSchema(newSchema);\n };\n\n const handlePropertyChange = (\n key: string,\n updates: Partial<JSONSchema7Definition> & { isRequired?: boolean },\n ): PropertyChangeSuccess | undefined => {\n const newSchema = clone(schema);\n\n // The current schema containing the property to change\n const current: JSONSchema7 = getCurrentSchema(newSchema);\n\n // Handle required field updates\n if (typeof updates === \"object\" && \"isRequired\" in updates) {\n if (current.type === \"object\") {\n if (!current.required) {\n current.required = [];\n }\n if (updates.isRequired) {\n if (!current.required.includes(key)) {\n current.required.push(key);\n }\n } else {\n current.required = current.required.filter((item) => item !== key);\n }\n }\n delete updates.isRequired;\n }\n\n let isUpdated = false;\n\n // Update the property\n if (current.type === \"object\" && current.properties) {\n const originalProperty = current.properties[key];\n // Ensure the property exists and is not a boolean\n if (typeof originalProperty !== \"boolean\" && originalProperty) {\n if (typeof updates !== \"boolean\") {\n //if updates changes the type of the property,\n //only the title, description, and default properties should remain\n //from the original property\n if (updates.type && updates.type !== originalProperty.type) {\n updates = {\n title: originalProperty.title,\n description: originalProperty.description,\n default: originalProperty.default,\n ...updates,\n };\n } else if (updates.enum) {\n //if the property is an enum, only the title and description should remain\n //from the original property\n delete updates.type;\n delete updates.items;\n delete updates.properties;\n updates = {\n title: originalProperty.title,\n description: originalProperty.description,\n ...updates,\n };\n } else {\n updates = { ...originalProperty, ...updates };\n }\n\n current.properties[key] = updates;\n }\n }\n isUpdated = true;\n }\n\n setSchema(newSchema);\n\n if (isUpdated) {\n return { status: \"success\", property: current.properties![key]! };\n }\n };\n\n /**\n * Adds a sibling property to the current schema.\n */\n const handleAddProperty = (\n key: string,\n propertyToAdd: JSONSchema7,\n isRequired: boolean,\n ) => {\n const newSchema = clone(schema);\n\n // The current schema containing the property to add\n const current: JSONSchema7 = getCurrentSchema(newSchema);\n\n // Ensure the current schema has a properties object\n if (current.type !== \"object\") {\n current.type = \"object\";\n }\n if (!current.properties) {\n current.properties = {};\n }\n\n //Ensure there's no existing property with the same key\n if (current.properties[key]) {\n return {\n status: \"error\",\n code: \"key-exists\" as const,\n message: `Property with key ${key} already exists`,\n } satisfies PropertyAddError;\n }\n\n if (propertyToAdd.enum) {\n //ensure that only the enum property is present\n delete propertyToAdd.type;\n delete propertyToAdd.items;\n delete propertyToAdd.properties;\n }\n\n // Add the new property\n current.properties[key] = propertyToAdd;\n\n // Handle required field\n if (isRequired) {\n if (!current.required) {\n current.required = [];\n }\n if (!current.required.includes(key)) {\n current.required.push(key);\n }\n }\n\n setSchema(newSchema);\n\n return {\n status: \"success\" as const,\n property: current.properties[key],\n } satisfies PropertyAddSuccess;\n };\n\n const handleDeleteProperty = (key: string) => {\n const newSchema = clone(schema);\n\n // The current schema containing the property to delete\n const current: JSONSchema7 = getCurrentSchema(newSchema);\n\n // Handle required field updates\n if (current.type === \"object\") {\n if (current.required) {\n current.required = current.required.filter((item) => item !== key);\n }\n }\n\n // Delete the property\n if (current.type === \"object\" && current.properties) {\n delete current.properties[key];\n }\n\n setSchema(newSchema);\n };\n\n const handleDuplicateProperty = (key: string) => {\n const currentProperties = getCurrentSchema().properties;\n if (\n !currentProperties ||\n isEmpty(currentProperties) ||\n typeof currentProperties[key] === \"boolean\"\n ) {\n return;\n }\n\n const propertyToDuplicate = currentProperties[key]!;\n const newKey = `${key}_copy`;\n const newProperty = clone(propertyToDuplicate);\n\n // Add the duplicated property\n return handleAddProperty(newKey, newProperty, isPropertyRequired(key));\n };\n\n const isPropertyRequired = (key: string) => {\n if (path.length) {\n const { propertySchema } = navigateToCorrectNesting(schema, path);\n\n if (\n propertySchema?.type === \"array\" &&\n propertySchema.items &&\n typeof propertySchema.items !== \"boolean\" &&\n !Array.isArray(propertySchema.items) &&\n propertySchema.items?.type === \"object\"\n ) {\n return Boolean(propertySchema.items?.required?.includes(key));\n } else {\n return Boolean(propertySchema?.required?.includes(key));\n }\n }\n\n return Boolean(schema?.required?.includes(key));\n };\n\n /**\n * Programatically get the current schema value\n */\n const getValue = () => {\n return schema;\n };\n\n return {\n ...context,\n getCurrentSchema,\n getCurrentProperty,\n handlePropertyChange,\n handleAddProperty,\n handleKeyChange,\n navigateToCorrectNesting,\n handleDeleteProperty,\n isPropertyRequired,\n getValue,\n handleDuplicateProperty,\n };\n}\n\nexport { SchemaProvider, useSchema };\n"],"names":["SchemaContext","createContext","defaultSchema","SchemaProvider","children","initialSchema","schema","setSchema","useState","path","setPath","jsx","useSchema","context","useContext","navigateToCorrectNesting","providedSchema","providedPath","current","propertySchema","parentSchema","p","getCurrentSchema","getCurrentProperty","handleKeyChange","key","newKey","newSchema","clone","newProperties","k","val","item","handlePropertyChange","updates","isUpdated","originalProperty","handleAddProperty","propertyToAdd","isRequired","handleDeleteProperty","handleDuplicateProperty","currentProperties","isEmpty","propertyToDuplicate","newProperty","isPropertyRequired"],"mappings":"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"}
|
package/dist/index.es20.js
CHANGED
|
@@ -1,428 +1,26 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
import { useConstraints as X } from "./index.es4.js";
|
|
13
|
-
import Y from "./index.es37.js";
|
|
14
|
-
import { Separator as Z } from "./index.es38.js";
|
|
15
|
-
import { z as t } from "zod";
|
|
16
|
-
import { useForm as ee } from "react-hook-form";
|
|
17
|
-
import { Form as re, FormField as u, FormItem as d, FormLabel as p, FormControl as h, FormMessage as y } from "./index.es40.js";
|
|
18
|
-
const g = t.enum([
|
|
19
|
-
"string",
|
|
20
|
-
"number",
|
|
21
|
-
"integer",
|
|
22
|
-
"boolean",
|
|
23
|
-
"object",
|
|
24
|
-
"array",
|
|
25
|
-
"null"
|
|
26
|
-
]), ne = t.object({
|
|
27
|
-
key: t.string().trim().min(1, { message: "Key must be at least 1 character long" }),
|
|
28
|
-
property: t.object({
|
|
29
|
-
title: t.string().trim().min(1, { message: "Title must be at least 1 character long" }),
|
|
30
|
-
type: g.or(t.array(g)),
|
|
31
|
-
description: t.string().optional(),
|
|
32
|
-
enum: t.array(
|
|
33
|
-
t.string().or(t.number()).or(t.null()).or(t.boolean()).or(t.record(t.string(), t.any()))
|
|
34
|
-
).optional(),
|
|
35
|
-
items: t.object({
|
|
36
|
-
type: g.or(t.array(g))
|
|
37
|
-
}).or(
|
|
38
|
-
t.array(
|
|
39
|
-
t.object({ type: g.or(t.array(g)) }).or(t.boolean())
|
|
40
|
-
)
|
|
41
|
-
).or(t.boolean()).optional()
|
|
42
|
-
}),
|
|
43
|
-
required: t.boolean().default(!1),
|
|
44
|
-
constraints: t.array(
|
|
45
|
-
t.custom(() => ({
|
|
46
|
-
name: t.string().trim().min(1),
|
|
47
|
-
value: t.any()
|
|
48
|
-
}))
|
|
49
|
-
).optional()
|
|
50
|
-
});
|
|
51
|
-
function Ce({
|
|
52
|
-
open: T,
|
|
53
|
-
onOpenChange: E,
|
|
54
|
-
onSubmit: R
|
|
55
|
-
}) {
|
|
56
|
-
const n = ee({
|
|
57
|
-
resolver: K(ne),
|
|
58
|
-
defaultValues: {
|
|
59
|
-
key: "",
|
|
60
|
-
property: {
|
|
61
|
-
title: ""
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
}), v = n.watch("constraints"), C = n.watch("property"), I = n.watch("property.enum"), w = n.watch("property.type"), {
|
|
65
|
-
getConstraintDefinitionsForType: k,
|
|
66
|
-
getRendererForConstraint: q,
|
|
67
|
-
validateConstraintValue: P
|
|
68
|
-
} = X(), $ = (r) => {
|
|
69
|
-
const { key: o, property: a, required: l, constraints: c } = r, m = {
|
|
1
|
+
import { jsx as m } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as c, useState as i, useEffect as d } from "react";
|
|
3
|
+
import { useDebounce as l } from "./index.es48.js";
|
|
4
|
+
import { Input as b } from "./index.es28.js";
|
|
5
|
+
const I = c(({ onDebounce: u, type: n, delay: r = 200, value: t, ...a }, p) => {
|
|
6
|
+
const [o, s] = i(t), [e] = l(o, r);
|
|
7
|
+
return d(() => {
|
|
8
|
+
typeof e == "string" && e !== t && u?.(e);
|
|
9
|
+
}, [e]), /* @__PURE__ */ m(
|
|
10
|
+
b,
|
|
11
|
+
{
|
|
70
12
|
...a,
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
}, z = (r, o) => {
|
|
78
|
-
const a = f(v), l = a?.[r];
|
|
79
|
-
if (!l) {
|
|
80
|
-
n.setError(`constraints.${r}`, {
|
|
81
|
-
message: "The constraint was not found",
|
|
82
|
-
type: "constraint_not_found"
|
|
83
|
-
});
|
|
84
|
-
return;
|
|
85
|
-
}
|
|
86
|
-
const c = P(
|
|
87
|
-
l.name,
|
|
88
|
-
o
|
|
89
|
-
);
|
|
90
|
-
if (c.status === "error") {
|
|
91
|
-
let m = c.message;
|
|
92
|
-
c.code === "invalid" && (m = `${m}: ${c.error?.map((b) => b.message).join(", ")}`), n.setError(`constraints.${r}`, {
|
|
93
|
-
type: c.code,
|
|
94
|
-
message: m
|
|
95
|
-
});
|
|
96
|
-
return;
|
|
13
|
+
type: n,
|
|
14
|
+
value: o,
|
|
15
|
+
ref: p,
|
|
16
|
+
onChange: (f) => {
|
|
17
|
+
s(f.target.value);
|
|
18
|
+
}
|
|
97
19
|
}
|
|
98
|
-
l.value = o, n.setValue("constraints", a), n.clearErrors(`constraints.${r}`);
|
|
99
|
-
}, L = (r) => {
|
|
100
|
-
if (!v) return;
|
|
101
|
-
const a = f(v).filter((l) => l.name !== r);
|
|
102
|
-
n.setValue("constraints", a);
|
|
103
|
-
}, S = k(
|
|
104
|
-
typeof C?.type == "string" ? C.type : ""
|
|
105
20
|
);
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
/* @__PURE__ */ e(H, { children: "Add" }),
|
|
109
|
-
/* @__PURE__ */ e(J, { children: "Required property values and constraints" })
|
|
110
|
-
] }),
|
|
111
|
-
/* @__PURE__ */ e(re, { ...n, children: /* @__PURE__ */ i(
|
|
112
|
-
"form",
|
|
113
|
-
{
|
|
114
|
-
onSubmit: n.handleSubmit($),
|
|
115
|
-
className: "space-y-4",
|
|
116
|
-
"data-testid": "add-property-form",
|
|
117
|
-
children: [
|
|
118
|
-
/* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(
|
|
119
|
-
u,
|
|
120
|
-
{
|
|
121
|
-
control: n.control,
|
|
122
|
-
name: "key",
|
|
123
|
-
render: ({ field: r }) => {
|
|
124
|
-
const { onChange: o, ...a } = r;
|
|
125
|
-
return /* @__PURE__ */ i(d, { children: [
|
|
126
|
-
/* @__PURE__ */ e(p, { children: "Property Key" }),
|
|
127
|
-
/* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(
|
|
128
|
-
V,
|
|
129
|
-
{
|
|
130
|
-
...a,
|
|
131
|
-
onDebounce: (l) => o(l)
|
|
132
|
-
}
|
|
133
|
-
) }),
|
|
134
|
-
/* @__PURE__ */ e(y, {})
|
|
135
|
-
] });
|
|
136
|
-
}
|
|
137
|
-
}
|
|
138
|
-
) }),
|
|
139
|
-
/* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(
|
|
140
|
-
u,
|
|
141
|
-
{
|
|
142
|
-
control: n.control,
|
|
143
|
-
name: "property.title",
|
|
144
|
-
render: ({ field: r }) => {
|
|
145
|
-
const { onChange: o, ...a } = r;
|
|
146
|
-
return /* @__PURE__ */ i(d, { children: [
|
|
147
|
-
/* @__PURE__ */ e(p, { children: "Property Title" }),
|
|
148
|
-
/* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(
|
|
149
|
-
V,
|
|
150
|
-
{
|
|
151
|
-
...a,
|
|
152
|
-
onDebounce: (l) => o(l)
|
|
153
|
-
}
|
|
154
|
-
) }),
|
|
155
|
-
/* @__PURE__ */ e(y, {})
|
|
156
|
-
] });
|
|
157
|
-
}
|
|
158
|
-
}
|
|
159
|
-
) }),
|
|
160
|
-
/* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(
|
|
161
|
-
u,
|
|
162
|
-
{
|
|
163
|
-
control: n.control,
|
|
164
|
-
name: "property.type",
|
|
165
|
-
render: ({ field: r }) => /* @__PURE__ */ i(d, { children: [
|
|
166
|
-
/* @__PURE__ */ e(p, { children: "Type" }),
|
|
167
|
-
/* @__PURE__ */ e(h, { children: /* @__PURE__ */ i(
|
|
168
|
-
A,
|
|
169
|
-
{
|
|
170
|
-
value: Array.isArray(r.value) ? void 0 : r.value,
|
|
171
|
-
onValueChange: (o) => {
|
|
172
|
-
o === "enum" ? n.setValue("property.enum", []) : n.setValue("property.enum", void 0), r.value === "array" && o !== "array" && (n.clearErrors("property.items"), n.setValue("property.items", void 0)), r.onChange(o);
|
|
173
|
-
},
|
|
174
|
-
children: [
|
|
175
|
-
/* @__PURE__ */ e(
|
|
176
|
-
j,
|
|
177
|
-
{
|
|
178
|
-
className: "w-full",
|
|
179
|
-
"aria-label": "Select type",
|
|
180
|
-
children: /* @__PURE__ */ e(F, {})
|
|
181
|
-
}
|
|
182
|
-
),
|
|
183
|
-
/* @__PURE__ */ i(N, { children: [
|
|
184
|
-
/* @__PURE__ */ e(
|
|
185
|
-
s,
|
|
186
|
-
{
|
|
187
|
-
value: "string",
|
|
188
|
-
children: "string"
|
|
189
|
-
}
|
|
190
|
-
),
|
|
191
|
-
/* @__PURE__ */ e(
|
|
192
|
-
s,
|
|
193
|
-
{
|
|
194
|
-
value: "number",
|
|
195
|
-
children: "number"
|
|
196
|
-
}
|
|
197
|
-
),
|
|
198
|
-
/* @__PURE__ */ e(
|
|
199
|
-
s,
|
|
200
|
-
{
|
|
201
|
-
value: "integer",
|
|
202
|
-
children: "integer"
|
|
203
|
-
}
|
|
204
|
-
),
|
|
205
|
-
/* @__PURE__ */ e(
|
|
206
|
-
s,
|
|
207
|
-
{
|
|
208
|
-
value: "boolean",
|
|
209
|
-
children: "boolean"
|
|
210
|
-
}
|
|
211
|
-
),
|
|
212
|
-
/* @__PURE__ */ e(
|
|
213
|
-
s,
|
|
214
|
-
{
|
|
215
|
-
value: "object",
|
|
216
|
-
children: "object"
|
|
217
|
-
}
|
|
218
|
-
),
|
|
219
|
-
/* @__PURE__ */ e(
|
|
220
|
-
s,
|
|
221
|
-
{
|
|
222
|
-
value: "array",
|
|
223
|
-
children: "array"
|
|
224
|
-
}
|
|
225
|
-
),
|
|
226
|
-
/* @__PURE__ */ e(
|
|
227
|
-
s,
|
|
228
|
-
{
|
|
229
|
-
value: "null",
|
|
230
|
-
children: "null"
|
|
231
|
-
}
|
|
232
|
-
)
|
|
233
|
-
] })
|
|
234
|
-
]
|
|
235
|
-
}
|
|
236
|
-
) }),
|
|
237
|
-
/* @__PURE__ */ e(y, {})
|
|
238
|
-
] })
|
|
239
|
-
}
|
|
240
|
-
) }),
|
|
241
|
-
w === "array" && /* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(
|
|
242
|
-
u,
|
|
243
|
-
{
|
|
244
|
-
control: n.control,
|
|
245
|
-
name: "property.items.type",
|
|
246
|
-
render: ({ field: r }) => /* @__PURE__ */ i(d, { children: [
|
|
247
|
-
/* @__PURE__ */ e(p, { children: "Items of type" }),
|
|
248
|
-
/* @__PURE__ */ e(h, { children: /* @__PURE__ */ i(
|
|
249
|
-
A,
|
|
250
|
-
{
|
|
251
|
-
value: Array.isArray(r.value) ? void 0 : r.value,
|
|
252
|
-
onValueChange: (o) => {
|
|
253
|
-
n.clearErrors("property.items.type"), n.setValue(
|
|
254
|
-
"property.items.type",
|
|
255
|
-
o
|
|
256
|
-
);
|
|
257
|
-
},
|
|
258
|
-
children: [
|
|
259
|
-
/* @__PURE__ */ e(
|
|
260
|
-
j,
|
|
261
|
-
{
|
|
262
|
-
className: "w-full",
|
|
263
|
-
"aria-label": "Select items of type",
|
|
264
|
-
children: /* @__PURE__ */ e(F, { placeholder: "Select item type" })
|
|
265
|
-
}
|
|
266
|
-
),
|
|
267
|
-
/* @__PURE__ */ i(N, { children: [
|
|
268
|
-
/* @__PURE__ */ e(
|
|
269
|
-
s,
|
|
270
|
-
{
|
|
271
|
-
value: "string",
|
|
272
|
-
children: "string"
|
|
273
|
-
}
|
|
274
|
-
),
|
|
275
|
-
/* @__PURE__ */ e(
|
|
276
|
-
s,
|
|
277
|
-
{
|
|
278
|
-
value: "number",
|
|
279
|
-
children: "number"
|
|
280
|
-
}
|
|
281
|
-
),
|
|
282
|
-
/* @__PURE__ */ e(
|
|
283
|
-
s,
|
|
284
|
-
{
|
|
285
|
-
value: "integer",
|
|
286
|
-
children: "integer"
|
|
287
|
-
}
|
|
288
|
-
),
|
|
289
|
-
/* @__PURE__ */ e(
|
|
290
|
-
s,
|
|
291
|
-
{
|
|
292
|
-
value: "boolean",
|
|
293
|
-
children: "boolean"
|
|
294
|
-
}
|
|
295
|
-
),
|
|
296
|
-
/* @__PURE__ */ e(
|
|
297
|
-
s,
|
|
298
|
-
{
|
|
299
|
-
value: "object",
|
|
300
|
-
children: "object"
|
|
301
|
-
}
|
|
302
|
-
),
|
|
303
|
-
/* @__PURE__ */ e(
|
|
304
|
-
s,
|
|
305
|
-
{
|
|
306
|
-
value: "array",
|
|
307
|
-
children: "array"
|
|
308
|
-
}
|
|
309
|
-
),
|
|
310
|
-
/* @__PURE__ */ e(
|
|
311
|
-
s,
|
|
312
|
-
{
|
|
313
|
-
value: "null",
|
|
314
|
-
children: "null"
|
|
315
|
-
}
|
|
316
|
-
)
|
|
317
|
-
] })
|
|
318
|
-
]
|
|
319
|
-
}
|
|
320
|
-
) }),
|
|
321
|
-
/* @__PURE__ */ e(y, {})
|
|
322
|
-
] })
|
|
323
|
-
}
|
|
324
|
-
) }),
|
|
325
|
-
/* @__PURE__ */ e("div", { className: "flex items-center space-x-2", children: /* @__PURE__ */ e(
|
|
326
|
-
u,
|
|
327
|
-
{
|
|
328
|
-
control: n.control,
|
|
329
|
-
name: "required",
|
|
330
|
-
render: ({ field: r }) => /* @__PURE__ */ i(d, { children: [
|
|
331
|
-
/* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(
|
|
332
|
-
U,
|
|
333
|
-
{
|
|
334
|
-
checked: r.value,
|
|
335
|
-
onCheckedChange: (o) => r.onChange(o)
|
|
336
|
-
}
|
|
337
|
-
) }),
|
|
338
|
-
/* @__PURE__ */ e(p, { children: "Required" }),
|
|
339
|
-
/* @__PURE__ */ e(y, {})
|
|
340
|
-
] })
|
|
341
|
-
}
|
|
342
|
-
) }),
|
|
343
|
-
/* @__PURE__ */ e("div", { className: "space-y-2", children: /* @__PURE__ */ e(
|
|
344
|
-
u,
|
|
345
|
-
{
|
|
346
|
-
control: n.control,
|
|
347
|
-
name: "property.description",
|
|
348
|
-
render: ({ field: r }) => /* @__PURE__ */ i(d, { children: [
|
|
349
|
-
/* @__PURE__ */ e(p, { children: "Description" }),
|
|
350
|
-
/* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(O, { ...r }) }),
|
|
351
|
-
/* @__PURE__ */ e(y, {})
|
|
352
|
-
] })
|
|
353
|
-
}
|
|
354
|
-
) }),
|
|
355
|
-
I ? /* @__PURE__ */ e(
|
|
356
|
-
u,
|
|
357
|
-
{
|
|
358
|
-
control: n.control,
|
|
359
|
-
name: "property.enum",
|
|
360
|
-
render: ({ field: r }) => /* @__PURE__ */ i(d, { children: [
|
|
361
|
-
/* @__PURE__ */ e(p, { children: "Enum" }),
|
|
362
|
-
/* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(
|
|
363
|
-
W,
|
|
364
|
-
{
|
|
365
|
-
values: r.value?.filter((o) => typeof o == "string") ?? [],
|
|
366
|
-
onAddValue: (o) => {
|
|
367
|
-
const a = [];
|
|
368
|
-
r.value && a.push(...r.value), a.push(o), r.onChange(a);
|
|
369
|
-
},
|
|
370
|
-
onRemoveValue: (o) => {
|
|
371
|
-
const a = f(r.value ?? []);
|
|
372
|
-
a.splice(o, 1), r.onChange(a);
|
|
373
|
-
}
|
|
374
|
-
}
|
|
375
|
-
) }),
|
|
376
|
-
/* @__PURE__ */ e(y, {})
|
|
377
|
-
] })
|
|
378
|
-
}
|
|
379
|
-
) : null,
|
|
380
|
-
S.length ? /* @__PURE__ */ i("div", { className: "space-y-2", children: [
|
|
381
|
-
/* @__PURE__ */ e(Q, { children: "Constraints" }),
|
|
382
|
-
/* @__PURE__ */ e(
|
|
383
|
-
Y,
|
|
384
|
-
{
|
|
385
|
-
addedConstraints: v ?? [],
|
|
386
|
-
availableDefinitions: S,
|
|
387
|
-
onAdd: (r) => {
|
|
388
|
-
n.setValue("constraints", r);
|
|
389
|
-
}
|
|
390
|
-
}
|
|
391
|
-
),
|
|
392
|
-
/* @__PURE__ */ e(Z, {}),
|
|
393
|
-
v?.map((r, o) => {
|
|
394
|
-
const a = q(r.name);
|
|
395
|
-
if (!a) return null;
|
|
396
|
-
const l = n.formState.errors.constraints?.[o];
|
|
397
|
-
let c;
|
|
398
|
-
return l && (c = {
|
|
399
|
-
code: l?.type ?? "INVALID",
|
|
400
|
-
message: l.message ?? "An error occurred"
|
|
401
|
-
}), /* @__PURE__ */ e(
|
|
402
|
-
a,
|
|
403
|
-
{
|
|
404
|
-
constraintName: r.name,
|
|
405
|
-
value: r.value,
|
|
406
|
-
onConstraintChange: (m) => {
|
|
407
|
-
z(o, m);
|
|
408
|
-
},
|
|
409
|
-
onRemoveConstraint: () => {
|
|
410
|
-
L(r.name);
|
|
411
|
-
},
|
|
412
|
-
error: c
|
|
413
|
-
},
|
|
414
|
-
r.name
|
|
415
|
-
);
|
|
416
|
-
})
|
|
417
|
-
] }) : null,
|
|
418
|
-
/* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(x, { type: "submit", children: "Add Property" }) })
|
|
419
|
-
]
|
|
420
|
-
}
|
|
421
|
-
) })
|
|
422
|
-
] }) });
|
|
423
|
-
}
|
|
21
|
+
});
|
|
22
|
+
I.displayName = "DebouncedInput";
|
|
424
23
|
export {
|
|
425
|
-
|
|
426
|
-
Ce as AddPropertyDialog
|
|
24
|
+
I as DebouncedInput
|
|
427
25
|
};
|
|
428
26
|
//# sourceMappingURL=index.es20.js.map
|
package/dist/index.es20.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.es20.js","sources":["../src/packages/builder/add-dialog.tsx"],"sourcesContent":["import { Button } from \"@/components/ui/button\";\nimport { zodResolver } from \"@hookform/resolvers/zod\";\n\nimport {\n Dialog,\n DialogContent,\n DialogHeader,\n DialogTitle,\n DialogFooter,\n DialogDescription,\n} from \"@/components/ui/dialog\";\nimport { Input } from \"@/components/ui/input\";\nimport { Label } from \"@/components/ui/label\";\nimport {\n Select,\n SelectContent,\n SelectItem,\n SelectTrigger,\n SelectValue,\n} from \"@/components/ui/select\";\nimport { Switch } from \"@/components/ui/switch\";\nimport type { JSONSchema7, JSONSchema7TypeName } from \"json-schema\";\nimport { DebouncedInput } from \"@/components/depounced-input\";\nimport { clone } from \"remeda\";\nimport MultiInput from \"@/components/multi-input\";\nimport { Constraint, useConstraints } from \"@/packages/constraints/context\";\nimport ConstraintsAdd from \"@/packages/constraints/constraint-add\";\nimport { Separator } from \"@/components/ui/separator\";\nimport { z } from \"zod\";\nimport { useForm } from \"react-hook-form\";\nimport {\n Form,\n FormControl,\n FormField,\n FormItem,\n FormLabel,\n FormMessage,\n} from \"@/components/ui/form\";\nimport type { OperationError } from \"./shared-types\";\n\nexport interface AddPropertyDialogProps {\n open: boolean;\n onOpenChange: (open: boolean) => void;\n onSubmit: (key: string, property: JSONSchema7, required: boolean) => void;\n}\n\nconst zodJsonTypes = z.enum([\n \"string\",\n \"number\",\n \"integer\",\n \"boolean\",\n \"object\",\n \"array\",\n \"null\",\n]);\n\nexport const AddFormSchema = z.object({\n key: z\n .string()\n .trim()\n .min(1, { message: \"Key must be at least 1 character long\" }),\n property: z.object({\n title: z\n .string()\n .trim()\n .min(1, { message: \"Title must be at least 1 character long\" }),\n type: zodJsonTypes.or(z.array(zodJsonTypes)),\n description: z.string().optional(),\n enum: z\n .array(\n z\n .string()\n .or(z.number())\n .or(z.null())\n .or(z.boolean())\n .or(z.record(z.string(), z.any())),\n )\n .optional(),\n items: z\n .object({\n type: zodJsonTypes.or(z.array(zodJsonTypes)),\n })\n //only to satisfy the other types but we actually don't handle it\n .or(\n z.array(\n z\n .object({ type: zodJsonTypes.or(z.array(zodJsonTypes)) })\n .or(z.boolean()),\n ),\n )\n .or(z.boolean())\n .optional(),\n }),\n required: z.boolean().default(false),\n constraints: z\n .array(\n z.custom<Constraint>(() => ({\n name: z.string().trim().min(1),\n value: z.any(),\n })),\n )\n .optional(),\n});\n\n/**\n * Handles adding a property to a parent JSON schema's \"properties\".\n * This means you are working under a child property.\n */\nexport function AddPropertyDialog({\n open,\n onOpenChange,\n onSubmit,\n}: AddPropertyDialogProps) {\n const form = useForm<z.infer<typeof AddFormSchema>>({\n resolver: zodResolver(AddFormSchema),\n defaultValues: {\n key: \"\",\n property: {\n title: \"\",\n },\n },\n });\n\n const currentConstraints = form.watch(\"constraints\");\n const currentProperty = form.watch(\"property\");\n const currentEnum = form.watch(\"property.enum\");\n const currentType = form.watch(\"property.type\");\n\n const {\n getConstraintDefinitionsForType,\n getRendererForConstraint,\n validateConstraintValue,\n } = useConstraints();\n\n const handleSubmit = (data: z.infer<typeof AddFormSchema>) => {\n const { key, property, required, constraints } = data;\n const propertyToSubmit: JSONSchema7 = {\n ...property,\n ...constraints?.reduce((acc, constraint) => {\n return {\n ...acc,\n [constraint.name]: constraint.value,\n } satisfies JSONSchema7;\n }, {}),\n };\n onSubmit(key, propertyToSubmit, required);\n form.reset();\n };\n\n const handleConstraintChange = (\n index: number,\n newVal: Constraint[\"value\"],\n ) => {\n const constraintsCopy = clone(currentConstraints);\n\n const constraintToChange = constraintsCopy?.[index];\n\n if (!constraintToChange) {\n form.setError(`constraints.${index}`, {\n message: \"The constraint was not found\",\n type: \"constraint_not_found\",\n });\n return;\n }\n\n const validationResult = validateConstraintValue(\n constraintToChange.name,\n newVal,\n );\n\n if (validationResult.status === \"error\") {\n let message = validationResult.message;\n if (validationResult.code === \"invalid\") {\n message = `${message}: ${validationResult.error?.map((i) => i.message).join(\", \")}`;\n }\n form.setError(`constraints.${index}`, {\n type: validationResult.code,\n message,\n });\n return;\n }\n\n //edit reference\n constraintToChange.value = newVal;\n form.setValue(\"constraints\", constraintsCopy);\n form.clearErrors(`constraints.${index}`);\n };\n\n const handleRemoveConstraint = (constraintName: Constraint[\"name\"]) => {\n if (!currentConstraints) return;\n const copy = clone(currentConstraints);\n const newConstraints = copy.filter((c) => c.name !== constraintName);\n form.setValue(\"constraints\", newConstraints);\n };\n\n const availableDefinitions = getConstraintDefinitionsForType(\n typeof currentProperty?.type === \"string\" ? currentProperty.type : \"\",\n );\n\n return (\n <Dialog open={open} onOpenChange={onOpenChange}>\n <DialogContent data-testid=\"add-property-dialog\">\n <DialogHeader>\n <DialogTitle>Add</DialogTitle>\n <DialogDescription>\n Required property values and constraints\n </DialogDescription>\n </DialogHeader>\n <Form {...form}>\n <form\n onSubmit={form.handleSubmit(handleSubmit)}\n className=\"space-y-4\"\n data-testid=\"add-property-form\"\n >\n <div className=\"space-y-2\">\n <FormField\n control={form.control}\n name=\"key\"\n render={({ field }) => {\n // Pull the onChange since debounced input should\n // be calling onDebounce instead\n const { onChange, ...rest } = field;\n\n return (\n <FormItem>\n <FormLabel>Property Key</FormLabel>\n <FormControl>\n <DebouncedInput\n {...rest}\n onDebounce={(newVal) => onChange(newVal)}\n />\n </FormControl>\n <FormMessage />\n </FormItem>\n );\n }}\n />\n </div>\n <div className=\"space-y-2\">\n <FormField\n control={form.control}\n name=\"property.title\"\n render={({ field }) => {\n const { onChange, ...rest } = field;\n return (\n <FormItem>\n <FormLabel>Property Title</FormLabel>\n <FormControl>\n <DebouncedInput\n {...rest}\n onDebounce={(newVal) => onChange(newVal)}\n />\n </FormControl>\n <FormMessage />\n </FormItem>\n );\n }}\n />\n </div>\n <div className=\"space-y-2\">\n <FormField\n control={form.control}\n name=\"property.type\"\n render={({ field }) => {\n return (\n <FormItem>\n <FormLabel>Type</FormLabel>\n <FormControl>\n <Select\n value={\n !Array.isArray(field.value)\n ? field.value\n : undefined\n }\n onValueChange={(newVal) => {\n if (newVal === \"enum\") {\n form.setValue(\"property.enum\", []);\n } else {\n form.setValue(\"property.enum\", undefined);\n }\n\n // If changing away from array, clear any array item errors\n if (field.value === \"array\" && newVal !== \"array\") {\n form.clearErrors(\"property.items\");\n form.setValue(\"property.items\", undefined);\n }\n\n field.onChange(newVal);\n }}\n >\n <SelectTrigger\n className=\"w-full\"\n aria-label=\"Select type\"\n >\n <SelectValue />\n </SelectTrigger>\n <SelectContent>\n <SelectItem\n value={\"string\" satisfies JSONSchema7TypeName}\n >\n string\n </SelectItem>\n <SelectItem\n value={\"number\" satisfies JSONSchema7TypeName}\n >\n number\n </SelectItem>\n <SelectItem\n value={\"integer\" satisfies JSONSchema7TypeName}\n >\n integer\n </SelectItem>\n <SelectItem\n value={\"boolean\" satisfies JSONSchema7TypeName}\n >\n boolean\n </SelectItem>\n <SelectItem\n value={\"object\" satisfies JSONSchema7TypeName}\n >\n object\n </SelectItem>\n <SelectItem\n value={\"array\" satisfies JSONSchema7TypeName}\n >\n array\n </SelectItem>\n <SelectItem\n value={\"null\" satisfies JSONSchema7TypeName}\n >\n null\n </SelectItem>\n </SelectContent>\n </Select>\n </FormControl>\n <FormMessage />\n </FormItem>\n );\n }}\n />\n </div>\n\n {/* Array Items Type selector */}\n {currentType === \"array\" && (\n <div className=\"space-y-2\">\n <FormField\n control={form.control}\n name=\"property.items.type\"\n render={({ field }) => {\n return (\n <FormItem>\n <FormLabel>Items of type</FormLabel>\n <FormControl>\n <Select\n value={\n !Array.isArray(field.value)\n ? field.value\n : undefined\n }\n onValueChange={(newVal) => {\n form.clearErrors(\"property.items.type\");\n form.setValue(\n \"property.items.type\",\n newVal as JSONSchema7TypeName,\n );\n }}\n >\n <SelectTrigger\n className=\"w-full\"\n aria-label=\"Select items of type\"\n >\n <SelectValue placeholder=\"Select item type\" />\n </SelectTrigger>\n <SelectContent>\n <SelectItem\n value={\"string\" satisfies JSONSchema7TypeName}\n >\n string\n </SelectItem>\n <SelectItem\n value={\"number\" satisfies JSONSchema7TypeName}\n >\n number\n </SelectItem>\n <SelectItem\n value={\"integer\" satisfies JSONSchema7TypeName}\n >\n integer\n </SelectItem>\n <SelectItem\n value={\"boolean\" satisfies JSONSchema7TypeName}\n >\n boolean\n </SelectItem>\n <SelectItem\n value={\"object\" satisfies JSONSchema7TypeName}\n >\n object\n </SelectItem>\n <SelectItem\n value={\"array\" satisfies JSONSchema7TypeName}\n >\n array\n </SelectItem>\n <SelectItem\n value={\"null\" satisfies JSONSchema7TypeName}\n >\n null\n </SelectItem>\n </SelectContent>\n </Select>\n </FormControl>\n <FormMessage />\n </FormItem>\n );\n }}\n />\n </div>\n )}\n\n <div className=\"flex items-center space-x-2\">\n <FormField\n control={form.control}\n name=\"required\"\n render={({ field }) => {\n return (\n <FormItem>\n <FormControl>\n <Switch\n checked={field.value}\n onCheckedChange={(checked) => field.onChange(checked)}\n />\n </FormControl>\n <FormLabel>Required</FormLabel>\n <FormMessage />\n </FormItem>\n );\n }}\n />\n </div>\n <div className=\"space-y-2\">\n <FormField\n control={form.control}\n name=\"property.description\"\n render={({ field }) => {\n return (\n <FormItem>\n <FormLabel>Description</FormLabel>\n <FormControl>\n <Input {...field} />\n </FormControl>\n <FormMessage />\n </FormItem>\n );\n }}\n />\n </div>\n {currentEnum ? (\n <FormField\n control={form.control}\n name=\"property.enum\"\n render={({ field }) => {\n return (\n <FormItem>\n <FormLabel>Enum</FormLabel>\n <FormControl>\n <MultiInput\n values={\n field.value?.filter((i) => typeof i === \"string\") ??\n []\n }\n onAddValue={(newVal) => {\n const updates = [];\n if (field.value) {\n updates.push(...field.value);\n }\n updates.push(newVal);\n field.onChange(updates);\n }}\n onRemoveValue={(index) => {\n const newEnums = clone(field.value ?? []);\n newEnums.splice(index, 1);\n field.onChange(newEnums);\n }}\n />\n </FormControl>\n <FormMessage />\n </FormItem>\n );\n }}\n />\n ) : null}\n\n {availableDefinitions.length ? (\n <div className=\"space-y-2\">\n <Label>Constraints</Label>\n <ConstraintsAdd\n addedConstraints={currentConstraints ?? []}\n availableDefinitions={availableDefinitions}\n onAdd={(newConstraints) => {\n form.setValue(\"constraints\", newConstraints);\n }}\n />\n <Separator />\n {currentConstraints?.map((constraint, i) => {\n const Renderer = getRendererForConstraint(constraint.name);\n if (!Renderer) return null;\n\n const error = form.formState.errors.constraints?.[i];\n let mappedError: OperationError | undefined;\n\n if (error) {\n mappedError = {\n code: error?.type ?? \"INVALID\",\n message: error.message ?? \"An error occurred\",\n };\n }\n\n return (\n <Renderer\n key={constraint.name}\n constraintName={constraint.name}\n value={constraint.value}\n onConstraintChange={(newVal) => {\n handleConstraintChange(i, newVal);\n }}\n onRemoveConstraint={() => {\n handleRemoveConstraint(constraint.name);\n }}\n error={mappedError}\n />\n );\n })}\n </div>\n ) : null}\n\n <DialogFooter>\n <Button type=\"submit\">Add Property</Button>\n </DialogFooter>\n </form>\n </Form>\n </DialogContent>\n </Dialog>\n );\n}\n"],"names":["zodJsonTypes","z","AddFormSchema","AddPropertyDialog","open","onOpenChange","onSubmit","form","useForm","zodResolver","currentConstraints","currentProperty","currentEnum","currentType","getConstraintDefinitionsForType","getRendererForConstraint","validateConstraintValue","useConstraints","handleSubmit","data","key","property","required","constraints","propertyToSubmit","acc","constraint","handleConstraintChange","index","newVal","constraintsCopy","clone","constraintToChange","validationResult","message","i","handleRemoveConstraint","constraintName","newConstraints","c","availableDefinitions","Dialog","jsxs","DialogContent","DialogHeader","jsx","DialogTitle","DialogDescription","Form","FormField","field","onChange","rest","FormItem","FormLabel","FormControl","DebouncedInput","FormMessage","Select","SelectTrigger","SelectValue","SelectContent","SelectItem","Switch","checked","Input","MultiInput","updates","newEnums","Label","ConstraintsAdd","Separator","Renderer","error","mappedError","DialogFooter","Button"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.es20.js","sources":["../src/components/depounced-input.tsx"],"sourcesContent":["import { forwardRef, useState, useEffect } from \"react\";\nimport { useDebounce } from \"use-debounce\";\nimport { Input } from \"@/components/ui/input\";\n\nexport const DebouncedInput = forwardRef<\n HTMLInputElement,\n React.ComponentProps<\"input\"> & {\n onDebounce?: (newVal: string) => void;\n delay?: number;\n }\n>(({ onDebounce, type, delay = 200, value, ...props }, ref) => {\n const [inputValue, setInputValue] = useState(value);\n\n const [debouncedValue] = useDebounce(inputValue, delay);\n\n useEffect(() => {\n //prevents the initial value from being sent\n if (typeof debouncedValue === \"string\" && debouncedValue !== value) {\n onDebounce?.(debouncedValue);\n }\n }, [debouncedValue]);\n\n return (\n <Input\n {...props}\n type={type}\n value={inputValue}\n ref={ref}\n onChange={(e) => {\n setInputValue(e.target.value);\n }}\n />\n );\n});\nDebouncedInput.displayName = \"DebouncedInput\";\n"],"names":["DebouncedInput","forwardRef","onDebounce","type","delay","value","props","ref","inputValue","setInputValue","useState","debouncedValue","useDebounce","useEffect","jsx","Input","e"],"mappings":";;;;AAIO,MAAMA,IAAiBC,EAM5B,CAAC,EAAE,YAAAC,GAAY,MAAAC,GAAM,OAAAC,IAAQ,KAAK,OAAAC,GAAO,GAAGC,EAAM,GAAGC,MAAQ;AAC7D,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASL,CAAK,GAE5C,CAACM,CAAc,IAAIC,EAAYJ,GAAYJ,CAAK;AAEtD,SAAAS,EAAU,MAAM;AAEd,IAAI,OAAOF,KAAmB,YAAYA,MAAmBN,KAC3DH,IAAaS,CAAc;AAAA,EAC7B,GACC,CAACA,CAAc,CAAC,GAGjB,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGT;AAAA,MACJ,MAAAH;AAAA,MACA,OAAOK;AAAA,MACP,KAAAD;AAAA,MACA,UAAU,CAACS,MAAM;AACD,QAAAP,EAAAO,EAAE,OAAO,KAAK;AAAA,MAAA;AAAA,IAC9B;AAAA,EACF;AAEJ,CAAC;AACDhB,EAAe,cAAc;"}
|