@axdspub/axiom-ui-forms 0.2.10 → 0.3.1

package/library/esm/src/Form/Components/Inputs/Number.js.map

@@ -1 +1 @@
-{"version":3,"file":"Number.js","sources":["../../../../../../src/Form/Components/Inputs/Number.tsx"],"sourcesContent":["import FieldLabel from '@/Form/Components/FieldLabel'\nimport { type INumberField, type IFieldInputProps } from '@/Form/Creator/FormCreatorTypes'\nimport { Input, Slider } from '@axdspub/axiom-ui-utilities'\nimport { CheckIcon, Cross2Icon, Pencil1Icon } from '@radix-ui/react-icons'\nimport React, { useState, type ReactElement } from 'react'\n\nconst isValidNumber = (value: string): boolean => {\n  if (value === undefined || value === null || value === '') {\n    return false\n  }\n  const num = Number(value)\n  return !isNaN(num) && isFinite(num)\n}\n\nconst SliderInput = ({ field, value, onChange, min, max, step }: IFieldInputProps & { max: number, min?: number, step?: number }): ReactElement => {\n  const updateTemp = (value: string | number | undefined): void => {\n    if (value !== undefined && isValidNumber(String(value))) {\n      setTempValue(+value)\n      setTempTextValue(String(value))\n    } else {\n      setTempTextValue(value !== undefined ? String(value) : undefined)\n    }\n  }\n  const [tempValue, setTempValue] = useState<number>(value !== undefined && value !== null ? +value : 0)\n  const [tempTextValue, setTempTextValue] = useState<string | undefined>(value !== undefined ? String(value) : undefined)\n  const [mode, setMode] = useState<'slider' | 'text'>('slider')\n\n  return (<div>\n    <FieldLabel {...field} />\n    <div className='flex flex-row gap-4'>\n      <Slider\n        className='flex-grow max-w-[400px] mt-1'\n        size='sm'\n        value={tempValue}\n        min={min ?? 0}\n        max={max}\n        onChange={(v: number): void => {\n          updateTemp(v)\n        } }\n        onChangeComplete={(v: number): void => {\n          updateTemp(v)\n          onChange(v)\n        } }\n        id={field.id}\n        testId={field.id}\n        step={step ?? ((max - (min ?? 0)) / 100)} />\n        <div className='w-[100px] flex flex-row text-right'>\n        {\n          mode === 'slider'\n            ? <>\n              <strong className='w-[60px]'>{tempValue}</strong>\n                <Pencil1Icon className='inline m-1 w-5 h-5  cursor-pointer' onClick={() => {\n                  setMode('text')\n                }} />\n                </>\n            : <>\n              <Input\n              id={`slider-text-${field.id}`}\n              testId={`slider-text-${field.id}`}\n              value={tempTextValue !== undefined && tempTextValue !== null ? String(tempTextValue) : ''}\n              className='w-[50px] text-xs text-right'\n              size='xs'\n              label={undefined}\n              onChange={(e) => {\n                updateTemp(e)\n              }} />\n              <Cross2Icon className='flex-none inline w-5 h-5 m-1 cursor-pointer' color='red' onClick={() => {\n                setMode('slider')\n              }} />\n              <CheckIcon className={`flex-none inline w-5 h-5 m-1 ${isValidNumber(String(tempTextValue)) ? 'cursor-pointer' : 'opacity-50'}`} color='green' onClick={() => {\n                if (isValidNumber(String(tempTextValue))) {\n                  setMode('slider')\n                  updateTemp(tempTextValue)\n                  onChange(tempTextValue)\n                }\n              }} />\n              </>\n        }\n        </div>\n    </div>\n  </div>)\n}\n\nconst TextInput = ({ field, onChange, value }: IFieldInputProps): ReactElement => {\n  const [error, setError] = useState<string | undefined>(undefined)\n\n  return (\n    <>\n    <Input\n        id={field.id}\n        testId={field.id}\n        error={error}\n        value={value !== undefined && value !== null ? String(value) : ''}\n        label={<FieldLabel {...field} />} onChange={(e) => {\n          if (e !== undefined && !isNaN(+e) && e !== '') {\n            onChange(+e)\n            setError(undefined)\n          } else {\n            if (String(e).length > 0) {\n              setError('Please enter a valid number')\n            } else {\n              setError(undefined)\n            }\n            onChange(undefined)\n          }\n        }} />\n    {error !== undefined && <p className='text-red-500 text-xs py-2'>{error}</p>}\n    </>\n  )\n}\n\nconst NumberInput = ({ field, onChange, value }: IFieldInputProps): ReactElement => {\n  const initialValue = value !== undefined ? value : ''\n  const numberField = field as INumberField\n\n  const max = numberField?.constraints?.max\n  return (\n    <div>{\n    max !== undefined\n      ? <SliderInput\n        field={field}\n        value={initialValue}\n        onChange={onChange}\n        min={numberField?.constraints?.min}\n        max={max}\n        step={numberField?.settings?.step} />\n      : <TextInput\n        field={field}\n        value={initialValue}\n        onChange={onChange} />\n      }</div>\n  )\n}\n\nexport default NumberInput\n"],"names":["React","Slider"],"mappings":"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"}
+{"version":3,"file":"Number.js","sources":["../../../../../../src/Form/Components/Inputs/Number.tsx"],"sourcesContent":["import FieldLabel, { FieldDescriptionTooltip, FieldLabelText } from '@/Form/Components/FieldLabel'\r\nimport { type INumberField, type IFieldInputProps } from '@/Form/Creator/FormCreatorTypes'\r\nimport { Checkbox, Input, Slider } from '@axdspub/axiom-ui-utilities'\r\nimport { CheckIcon, Cross2Icon, Pencil1Icon } from '@radix-ui/react-icons'\r\nimport React, { useState, type ReactElement } from 'react'\r\n\r\nconst isValidNumber = (value: string): boolean => {\r\n  if (value === undefined || value === null || value === '') {\r\n    return false\r\n  }\r\n  const num = Number(value)\r\n  return !isNaN(num) && isFinite(num)\r\n}\r\n\r\nconst SliderInput = ({ field, value, onChange, min, max, step }: IFieldInputProps & { max: number, min?: number, step?: number }): ReactElement => {\r\n  const updateTemp = (value: string | number | undefined): void => {\r\n    if (value !== undefined && isValidNumber(String(value))) {\r\n      setTempValue(+value)\r\n      setTempTextValue(String(value))\r\n    } else {\r\n      setTempTextValue(value !== undefined ? String(value) : undefined)\r\n    }\r\n  }\r\n  const [tempValue, setTempValue] = useState<number>(value !== undefined && value !== null ? +value : 0)\r\n  const [tempTextValue, setTempTextValue] = useState<string | undefined>(value !== undefined ? String(value) : undefined)\r\n  const [mode, setMode] = useState<'slider' | 'text'>('slider')\r\n\r\n  return (<div>\r\n    <FieldLabel {...field} />\r\n    <div className='flex flex-row gap-4'>\r\n      <Slider\r\n        className='flex-grow max-w-[400px] mt-1'\r\n        size='sm'\r\n        value={tempValue}\r\n        min={min ?? 0}\r\n        max={max}\r\n        onChange={(v: number): void => {\r\n          updateTemp(v)\r\n        } }\r\n        onChangeComplete={(v: number): void => {\r\n          updateTemp(v)\r\n          onChange(v)\r\n        } }\r\n        id={field.id}\r\n        testId={field.id}\r\n        step={step ?? ((max - (min ?? 0)) / 100)} />\r\n        <div className='w-[100px] flex flex-row text-right'>\r\n        {\r\n          mode === 'slider'\r\n            ? <>\r\n              <strong className='w-[60px]'>{tempValue}</strong>\r\n                <Pencil1Icon className='inline m-1 w-5 h-5  cursor-pointer' onClick={() => {\r\n                  setMode('text')\r\n                }} />\r\n                </>\r\n            : <>\r\n              <Input\r\n              id={`slider-text-${field.id}`}\r\n              testId={`slider-text-${field.id}`}\r\n              value={tempTextValue !== undefined && tempTextValue !== null ? String(tempTextValue) : ''}\r\n              className='w-[50px] text-xs text-right'\r\n              size='xs'\r\n              label={undefined}\r\n              onChange={(e) => {\r\n                updateTemp(e)\r\n              }} />\r\n              <Cross2Icon className='flex-none inline w-5 h-5 m-1 cursor-pointer' color='red' onClick={() => {\r\n                setMode('slider')\r\n              }} />\r\n              <CheckIcon className={`flex-none inline w-5 h-5 m-1 ${isValidNumber(String(tempTextValue)) ? 'cursor-pointer' : 'opacity-50'}`} color='green' onClick={() => {\r\n                if (isValidNumber(String(tempTextValue))) {\r\n                  setMode('slider')\r\n                  updateTemp(tempTextValue)\r\n                  onChange(tempTextValue)\r\n                }\r\n              }} />\r\n              </>\r\n        }\r\n        </div>\r\n    </div>\r\n  </div>)\r\n}\r\n\r\nconst TextInput = ({ field, onChange, value, className }: IFieldInputProps): ReactElement => {\r\n  const [error, setError] = useState<string | undefined>(undefined)\r\n\r\n  return (\r\n    <>\r\n    <Input\r\n        id={field.id}\r\n        testId={field.id}\r\n        error={error}\r\n        className={className}\r\n        value={value !== undefined && value !== null ? String(value) : ''}\r\n        label={<FieldLabel {...field} />} onChange={(e) => {\r\n          if (e !== undefined && !isNaN(+e) && e !== '') {\r\n            onChange(+e)\r\n            setError(undefined)\r\n          } else {\r\n            if (String(e).length > 0) {\r\n              setError('Please enter a valid number')\r\n            } else {\r\n              setError(undefined)\r\n            }\r\n            onChange(undefined)\r\n          }\r\n        }} />\r\n    {error !== undefined && <p className='text-red-500 text-xs py-2'>{error}</p>}\r\n    </>\r\n  )\r\n}\r\n\r\nconst NumberInput = ({ field, onChange, value }: IFieldInputProps): ReactElement => {\r\n  const initialValue = value !== undefined ? value : ''\r\n  const numberField = field as INumberField\r\n  const isNull = initialValue === undefined || initialValue === null || initialValue === ''\r\n  const [userSelectedNotNull, setUserSelectedNotNull] = useState<boolean>(!isNull)\r\n  const canBeNull = numberField.settings?.canBeNull === true\r\n\r\n  const max = numberField?.constraints?.max\r\n  const fieldForInput = canBeNull\r\n    ? {\r\n        ...field,\r\n        label: undefined,\r\n        description: undefined\r\n      }\r\n    : field\r\n  const el = (\r\n    <>{\r\n    max !== undefined\r\n      ? <SliderInput\r\n        field={fieldForInput}\r\n        value={initialValue}\r\n        onChange={onChange}\r\n        min={numberField?.constraints?.min}\r\n        max={max}\r\n        step={numberField?.settings?.step} />\r\n      : <TextInput\r\n        field={fieldForInput}\r\n        value={initialValue}\r\n        onChange={onChange}\r\n        className='max-w-[300px]'\r\n\r\n        />\r\n      }</>\r\n  )\r\n\r\n  if (canBeNull) {\r\n    return (\r\n      <div className='flex flex-col gap-2'>\r\n        <Checkbox\r\n          id={`${field.id}-null`}\r\n          testId={`${field.id}-null`}\r\n          label={<><FieldLabelText {...field}\r\n          /> <FieldDescriptionTooltip {...field} /></>}\r\n          value={userSelectedNotNull}\r\n          onChange={(e) => {\r\n            setUserSelectedNotNull(!userSelectedNotNull)\r\n            if (!e) {\r\n              onChange(undefined)\r\n            } else {\r\n              onChange(numberField?.settings?.nonNullDefaultValue ?? numberField?.defaultValue ?? value ?? 0)\r\n            }\r\n          }} />\r\n        {userSelectedNotNull ? el : <></>}\r\n      </div>\r\n    )\r\n  } else {\r\n    return el\r\n  }\r\n}\r\n\r\nexport default NumberInput\r\n"],"names":["React","Slider"],"mappings":"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"}

package/library/esm/src/Form/Components/Inputs/Object.js.map

@@ -1 +1 @@
-{"version":3,"file":"Object.js","sources":["../../../../../../src/Form/Components/Inputs/Object.tsx"],"sourcesContent":["import FieldCreator from '@/Form/Components/FieldCreator'\nimport FieldLabel from '@/Form/Components/FieldLabel'\nimport { type ICompositeValueType, type IFieldInputProps } from '@/Form/Creator/FormCreatorTypes'\nimport { utils } from '@axdspub/axiom-ui-utilities'\nimport React, { type ReactElement } from 'react'\n\nconst ObjectInput = ({ field, onChange, value }: IFieldInputProps): ReactElement => {\n  const initialValue = (typeof value === 'object' ? value ?? {} : {}) as ICompositeValueType\n  if (field.type === 'object' && field.fields !== undefined) {\n    const cl = `${field.layout === 'horizontal' ? `flex flex-row gap-4  ${field.label !== undefined ? 'px-0' : ''}` : 'flex flex-col gap-4'}`\n    const fc = field.layout === 'horizontal' ? 'flex-1' : ''\n    return (\n        <div>\n        {\n          field.label !== undefined\n            ? <FieldLabel {...field} />\n            : null\n        }\n        <div className={`p-4 bg-slate-100  ${cl}`}>\n        {\n          field.fields.map((childField) => {\n            const key = (field.path ?? [field.id]).concat(childField.id).join('.')\n\n            return (\n              <FieldCreator\n                onChange={(e) => {\n                  if (childField.type === 'object' && childField.skip_path === true) {\n                    onChange(e)\n                  } else {\n                    initialValue[childField.id] = e\n                    onChange({ ...initialValue })\n                  }\n                }}\n                className={utils.makeClassName({\n                  defaultClassName: 'p-0',\n                  className: fc\n                })}\n                // default to null here so that FormCreator doesn't go out and look for the value again\n                // todo: update this so that it's clearer. difference between undefined and null too small\n                value={(\n                  childField.type === 'object' && childField.skip_path === true\n                    ? initialValue\n                    : initialValue[childField.id]\n                ) ?? null\n                }\n                field={childField}\n                key={key}\n              />\n            )\n          })\n        }\n      </div>\n      </div>\n    )\n  }\n  return <p>Field config for {field.id} is missing &apos;fields&apos;</p>\n}\n\nexport default ObjectInput\n"],"names":["React","utils"],"mappings":";;;;;;AAMM,IAAA,WAAW,GAAG,UAAC,EAA4C,EAAA;AAA1C,IAAA,IAAA,KAAK,WAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA;IAC3C,IAAM,YAAY,IAAI,OAAO,KAAK,KAAK,QAAQ,GAAG,KAAK,aAAL,KAAK,KAAA,MAAA,GAAL,KAAK,GAAI,EAAE,GAAG,EAAE,CAAwB;AAC1F,IAAA,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,EAAE;AACzD,QAAA,IAAM,EAAE,GAAG,EAAG,CAAA,MAAA,CAAA,KAAK,CAAC,MAAM,KAAK,YAAY,GAAG,uBAAA,CAAA,MAAA,CAAwB,KAAK,CAAC,KAAK,KAAK,SAAS,GAAG,MAAM,GAAG,EAAE,CAAE,GAAG,qBAAqB,CAAE;AACzI,QAAA,IAAM,IAAE,GAAG,KAAK,CAAC,MAAM,KAAK,YAAY,GAAG,QAAQ,GAAG,EAAE;AACxD,QAAA,QACIA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;YAEE,KAAK,CAAC,KAAK,KAAK;AACd,kBAAEA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EAAA,EAAK,KAAK,CAAI;AAC3B,kBAAE,IAAI;AAEV,YAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,oBAAqB,CAAA,MAAA,CAAA,EAAE,CAAE,EAAA,EAEvC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,UAAC,UAAU,EAAA;;gBAC1B,IAAM,GAAG,GAAG,CAAC,CAAA,EAAA,GAAA,KAAK,CAAC,IAAI,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAEtE,gBAAA,QACEA,cAAC,CAAA,aAAA,CAAA,YAAY,IACX,QAAQ,EAAE,UAAC,CAAC,EAAA;AACV,wBAAA,IAAI,UAAU,CAAC,IAAI,KAAK,QAAQ,IAAI,UAAU,CAAC,SAAS,KAAK,IAAI,EAAE;4BACjE,QAAQ,CAAC,CAAC,CAAC;;6BACN;AACL,4BAAA,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC;4BAC/B,QAAQ,CAAA,QAAA,CAAA,EAAA,EAAM,YAAY,CAAA,CAAG;;AAEjC,qBAAC,EACD,SAAS,EAAEC,OAAK,CAAC,aAAa,CAAC;AAC7B,wBAAA,gBAAgB,EAAE,KAAK;AACvB,wBAAA,SAAS,EAAE;qBACZ,CAAC;;;AAGF,oBAAA,KAAK,EAAE,CAAA,EAAA,IACL,UAAU,CAAC,IAAI,KAAK,QAAQ,IAAI,UAAU,CAAC,SAAS,KAAK;AACvD,0BAAE;0BACA,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC,CAChC,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,IAAI,EAET,KAAK,EAAE,UAAU,EACjB,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,aAAC,CAAC,CAEA,CACA;;IAGV,OAAOD,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA;;AAAqB,QAAA,KAAK,CAAC,EAAE;+BAAmC;AACzE;;;;"}
+{"version":3,"file":"Object.js","sources":["../../../../../../src/Form/Components/Inputs/Object.tsx"],"sourcesContent":["import FieldCreator from '@/Form/Components/FieldCreator'\r\nimport FieldLabel from '@/Form/Components/FieldLabel'\r\nimport { type ICompositeValueType, type IFieldInputProps } from '@/Form/Creator/FormCreatorTypes'\r\nimport { utils } from '@axdspub/axiom-ui-utilities'\r\nimport React, { type ReactElement } from 'react'\r\n\r\nconst ObjectInput = ({ field, onChange, value }: IFieldInputProps): ReactElement => {\r\n  const initialValue = (typeof value === 'object' ? value ?? {} : {}) as ICompositeValueType\r\n  if (field.type === 'object' && field.fields !== undefined) {\r\n    const cl = `${field.layout === 'horizontal' ? `flex flex-row gap-4  ${field.label !== undefined ? 'px-0' : ''}` : 'flex flex-col gap-4'}`\r\n    const fc = field.layout === 'horizontal' ? 'flex-1' : ''\r\n    return (\r\n        <div>\r\n        {\r\n          field.label !== undefined\r\n            ? <FieldLabel {...field} />\r\n            : null\r\n        }\r\n        <div className={`p-4 bg-slate-100  ${cl}`}>\r\n        {\r\n          field.fields.map((childField) => {\r\n            const key = (field.path ?? [field.id]).concat(childField.id).join('.')\r\n\r\n            return (\r\n              <FieldCreator\r\n                onChange={(e) => {\r\n                  if (childField.type === 'object' && childField.skip_path === true) {\r\n                    onChange(e)\r\n                  } else {\r\n                    initialValue[childField.id] = e\r\n                    onChange({ ...initialValue })\r\n                  }\r\n                }}\r\n                className={utils.makeClassName({\r\n                  defaultClassName: 'p-0',\r\n                  className: fc\r\n                })}\r\n                // default to null here so that FormCreator doesn't go out and look for the value again\r\n                // todo: update this so that it's clearer. difference between undefined and null too small\r\n                value={(\r\n                  childField.type === 'object' && childField.skip_path === true\r\n                    ? initialValue\r\n                    : initialValue[childField.id]\r\n                ) ?? null\r\n                }\r\n                field={childField}\r\n                key={key}\r\n              />\r\n            )\r\n          })\r\n        }\r\n      </div>\r\n      </div>\r\n    )\r\n  }\r\n  return <p>Field config for {field.id} is missing &apos;fields&apos;</p>\r\n}\r\n\r\nexport default ObjectInput\r\n"],"names":["React","utils"],"mappings":";;;;;;AAMM,IAAA,WAAW,GAAG,UAAC,EAA4C,EAAA;AAA1C,IAAA,IAAA,KAAK,WAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA;IAC3C,IAAM,YAAY,IAAI,OAAO,KAAK,KAAK,QAAQ,GAAG,KAAK,aAAL,KAAK,KAAA,MAAA,GAAL,KAAK,GAAI,EAAE,GAAG,EAAE,CAAwB;AAC1F,IAAA,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,IAAI,KAAK,CAAC,MAAM,KAAK,SAAS,EAAE;AACzD,QAAA,IAAM,EAAE,GAAG,EAAG,CAAA,MAAA,CAAA,KAAK,CAAC,MAAM,KAAK,YAAY,GAAG,uBAAA,CAAA,MAAA,CAAwB,KAAK,CAAC,KAAK,KAAK,SAAS,GAAG,MAAM,GAAG,EAAE,CAAE,GAAG,qBAAqB,CAAE;AACzI,QAAA,IAAM,IAAE,GAAG,KAAK,CAAC,MAAM,KAAK,YAAY,GAAG,QAAQ,GAAG,EAAE;AACxD,QAAA,QACIA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;YAEE,KAAK,CAAC,KAAK,KAAK;AACd,kBAAEA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,QAAA,CAAA,EAAA,EAAK,KAAK,CAAI;AAC3B,kBAAE,IAAI;AAEV,YAAAA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,oBAAqB,CAAA,MAAA,CAAA,EAAE,CAAE,EAAA,EAEvC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,UAAC,UAAU,EAAA;;gBAC1B,IAAM,GAAG,GAAG,CAAC,CAAA,EAAA,GAAA,KAAK,CAAC,IAAI,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;AAEtE,gBAAA,QACEA,cAAC,CAAA,aAAA,CAAA,YAAY,IACX,QAAQ,EAAE,UAAC,CAAC,EAAA;AACV,wBAAA,IAAI,UAAU,CAAC,IAAI,KAAK,QAAQ,IAAI,UAAU,CAAC,SAAS,KAAK,IAAI,EAAE;4BACjE,QAAQ,CAAC,CAAC,CAAC;;6BACN;AACL,4BAAA,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC;4BAC/B,QAAQ,CAAA,QAAA,CAAA,EAAA,EAAM,YAAY,CAAA,CAAG;;AAEjC,qBAAC,EACD,SAAS,EAAEC,OAAK,CAAC,aAAa,CAAC;AAC7B,wBAAA,gBAAgB,EAAE,KAAK;AACvB,wBAAA,SAAS,EAAE;qBACZ,CAAC;;;AAGF,oBAAA,KAAK,EAAE,CAAA,EAAA,IACL,UAAU,CAAC,IAAI,KAAK,QAAQ,IAAI,UAAU,CAAC,SAAS,KAAK;AACvD,0BAAE;0BACA,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC,CAChC,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,IAAI,EAET,KAAK,EAAE,UAAU,EACjB,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,aAAC,CAAC,CAEA,CACA;;IAGV,OAAOD,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA;;AAAqB,QAAA,KAAK,CAAC,EAAE;+BAAmC;AACzE;;;;"}

package/library/esm/src/Form/Components/Inputs/OneOfInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"OneOfInput.js","sources":["../../../../../../src/Form/Components/Inputs/OneOfInput.tsx"],"sourcesContent":["import { type IFieldInputProps } from '@/Form/Creator/FormCreatorTypes'\nimport React, { type ReactElement } from 'react'\n\nconst OneOfInput = ({ field, value, onChange }: IFieldInputProps): ReactElement => {\n  return (\n    <>OneOfField not implemented yet</>\n  )\n}\n\nexport default OneOfInput\n"],"names":["React"],"mappings":";;AAGM,IAAA,UAAU,GAAG,UAAC,EAA4C,EAAA;AAA1C,YAAK,CAAE,CAAK,EAAA,CAAA,KAAA,CAAA,CAAU,EAAA,CAAA;IAC1C,QACEA,cAAmC,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAA,gCAAA,CAAA;AAEvC;;;;"}
+{"version":3,"file":"OneOfInput.js","sources":["../../../../../../src/Form/Components/Inputs/OneOfInput.tsx"],"sourcesContent":["import { type IFieldInputProps } from '@/Form/Creator/FormCreatorTypes'\r\nimport React, { type ReactElement } from 'react'\r\n\r\nconst OneOfInput = ({ field, value, onChange }: IFieldInputProps): ReactElement => {\r\n  return (\r\n    <>OneOfField not implemented yet</>\r\n  )\r\n}\r\n\r\nexport default OneOfInput\r\n"],"names":["React"],"mappings":";;AAGM,IAAA,UAAU,GAAG,UAAC,EAA4C,EAAA;AAA1C,YAAK,CAAE,CAAK,EAAA,CAAA,KAAA,CAAA,CAAU,EAAA,CAAA;IAC1C,QACEA,cAAmC,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAA,gCAAA,CAAA;AAEvC;;;;"}

package/library/esm/src/Form/Components/Inputs/RadioGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sources":["../../../../../../src/Form/Components/Inputs/RadioGroup.tsx"],"sourcesContent":["import FieldLabel from '@/Form/Components/FieldLabel'\nimport { type IFieldInputProps } from '@/Form/Creator/FormCreatorTypes'\nimport { RadioGroup } from '@axdspub/axiom-ui-utilities'\nimport React, { type ReactElement } from 'react'\n\nconst RadioInput = ({ field, onChange, value }: IFieldInputProps): ReactElement => {\n  const initialValue = value !== undefined ? value : ''\n\n  if (field.type === 'radio' && field.options !== undefined) {\n    return <RadioGroup\n        id={field.id}\n        label={<FieldLabel {...field} />}\n        testId={field.id}\n        options={field.options}\n        value={initialValue !== undefined && initialValue !== null ? String(initialValue) : ''}\n        onChange={(e) => {\n          onChange(e?.value)\n        }}\n      />\n  }\n  return <p>Field config for {field.id} is missing &apos;options&apos;</p>\n}\n\nexport default RadioInput\n"],"names":["React","RadioGroup"],"mappings":";;;;;AAKM,IAAA,UAAU,GAAG,UAAC,EAA4C,EAAA;AAA1C,IAAA,IAAA,KAAK,WAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA;AAC1C,IAAA,IAAM,YAAY,GAAG,KAAK,KAAK,SAAS,GAAG,KAAK,GAAG,EAAE;AAErD,IAAA,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,EAAE;QACzD,OAAOA,cAAA,CAAA,aAAA,CAACC,eAAU,EAAA,EACd,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,KAAK,EAAED,cAAA,CAAA,aAAA,CAAC,UAAU,EAAK,QAAA,CAAA,EAAA,EAAA,KAAK,CAAI,CAAA,EAChC,MAAM,EAAE,KAAK,CAAC,EAAE,EAChB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAE,YAAY,KAAK,SAAS,IAAI,YAAY,KAAK,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,GAAG,EAAE,EACtF,QAAQ,EAAE,UAAC,CAAC,EAAA;gBACV,QAAQ,CAAC,CAAC,KAAD,IAAA,IAAA,CAAC,uBAAD,CAAC,CAAE,KAAK,CAAC;AACpB,aAAC,GACD;;IAEN,OAAOA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA;;AAAqB,QAAA,KAAK,CAAC,EAAE;gCAAoC;AAC1E;;;;"}
+{"version":3,"file":"RadioGroup.js","sources":["../../../../../../src/Form/Components/Inputs/RadioGroup.tsx"],"sourcesContent":["import FieldLabel from '@/Form/Components/FieldLabel'\r\nimport { type IFieldInputProps } from '@/Form/Creator/FormCreatorTypes'\r\nimport { RadioGroup } from '@axdspub/axiom-ui-utilities'\r\nimport React, { type ReactElement } from 'react'\r\n\r\nconst RadioInput = ({ field, onChange, value }: IFieldInputProps): ReactElement => {\r\n  const initialValue = value !== undefined ? value : ''\r\n\r\n  if (field.type === 'radio' && field.options !== undefined) {\r\n    return <RadioGroup\r\n        id={field.id}\r\n        label={<FieldLabel {...field} />}\r\n        testId={field.id}\r\n        options={field.options}\r\n        value={initialValue !== undefined && initialValue !== null ? String(initialValue) : ''}\r\n        onChange={(e) => {\r\n          onChange(e?.value)\r\n        }}\r\n      />\r\n  }\r\n  return <p>Field config for {field.id} is missing &apos;options&apos;</p>\r\n}\r\n\r\nexport default RadioInput\r\n"],"names":["React","RadioGroup"],"mappings":";;;;;AAKM,IAAA,UAAU,GAAG,UAAC,EAA4C,EAAA;AAA1C,IAAA,IAAA,KAAK,WAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA;AAC1C,IAAA,IAAM,YAAY,GAAG,KAAK,KAAK,SAAS,GAAG,KAAK,GAAG,EAAE;AAErD,IAAA,IAAI,KAAK,CAAC,IAAI,KAAK,OAAO,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,EAAE;QACzD,OAAOA,cAAA,CAAA,aAAA,CAACC,eAAU,EAAA,EACd,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,KAAK,EAAED,cAAA,CAAA,aAAA,CAAC,UAAU,EAAK,QAAA,CAAA,EAAA,EAAA,KAAK,CAAI,CAAA,EAChC,MAAM,EAAE,KAAK,CAAC,EAAE,EAChB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAE,YAAY,KAAK,SAAS,IAAI,YAAY,KAAK,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,GAAG,EAAE,EACtF,QAAQ,EAAE,UAAC,CAAC,EAAA;gBACV,QAAQ,CAAC,CAAC,KAAD,IAAA,IAAA,CAAC,uBAAD,CAAC,CAAE,KAAK,CAAC;AACpB,aAAC,GACD;;IAEN,OAAOA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA;;AAAqB,QAAA,KAAK,CAAC,EAAE;gCAAoC;AAC1E;;;;"}

package/library/esm/src/Form/Components/Inputs/SingleSelect.js

@@ -4,10 +4,11 @@ import { SelectInput as Select } from '../../../../node_modules/@axdspub/axiom-u
 import React__default from 'react';
 
 var SingleSelectInput = function (_a) {
+    var _b;
     var field = _a.field, onChange = _a.onChange, value = _a.value;
     var initialValue = value !== undefined ? value : '';
     if (field.type === 'select' && field.options !== undefined) {
-        return React__default.createElement(Select, { id: field.id, label: React__default.createElement(FieldLabel, __assign({}, field)), testId: field.id, options: field.options, value: initialValue !== undefined && initialValue !== null ? String(initialValue) : '', onChange: function (e) {
+        return React__default.createElement(Select, { id: field.id, label: React__default.createElement(FieldLabel, __assign({}, field)), testId: field.id, options: field.options, includePrompt: ((_b = field === null || field === void 0 ? void 0 : field.settings) === null || _b === void 0 ? void 0 : _b.allowNull) !== false, value: initialValue !== undefined && initialValue !== null ? String(initialValue) : '', onChange: function (e) {
                 onChange(e === null || e === void 0 ? void 0 : e.value);
             } });
     }

package/library/esm/src/Form/Components/Inputs/SingleSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleSelect.js","sources":["../../../../../../src/Form/Components/Inputs/SingleSelect.tsx"],"sourcesContent":["import FieldLabel from '@/Form/Components/FieldLabel'\nimport { type IFieldInputProps } from '@/Form/Creator/FormCreatorTypes'\nimport { SelectInput } from '@axdspub/axiom-ui-utilities'\nimport React, { type ReactElement } from 'react'\n\nconst SingleSelectInput = ({ field, onChange, value }: IFieldInputProps): ReactElement => {\n  const initialValue = value !== undefined ? value : ''\n\n  if (field.type === 'select' && field.options !== undefined) {\n    return <SelectInput\n        id={field.id}\n        label={<FieldLabel {...field} />}\n        testId={field.id}\n        options={field.options}\n        value={initialValue !== undefined && initialValue !== null ? String(initialValue) : ''}\n        onChange={(e) => {\n          onChange(e?.value)\n        }}\n      />\n  }\n  return <p>Field config for {field.id} is missing &apos;options&apos;</p>\n}\n\nexport default SingleSelectInput\n"],"names":["React","SelectInput"],"mappings":";;;;;AAKM,IAAA,iBAAiB,GAAG,UAAC,EAA4C,EAAA;AAA1C,IAAA,IAAA,KAAK,WAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA;AACjD,IAAA,IAAM,YAAY,GAAG,KAAK,KAAK,SAAS,GAAG,KAAK,GAAG,EAAE;AAErD,IAAA,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,EAAE;QAC1D,OAAOA,cAAA,CAAA,aAAA,CAACC,MAAW,EAAA,EACf,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,KAAK,EAAED,cAAA,CAAA,aAAA,CAAC,UAAU,EAAK,QAAA,CAAA,EAAA,EAAA,KAAK,CAAI,CAAA,EAChC,MAAM,EAAE,KAAK,CAAC,EAAE,EAChB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,KAAK,EAAE,YAAY,KAAK,SAAS,IAAI,YAAY,KAAK,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,GAAG,EAAE,EACtF,QAAQ,EAAE,UAAC,CAAC,EAAA;gBACV,QAAQ,CAAC,CAAC,KAAD,IAAA,IAAA,CAAC,uBAAD,CAAC,CAAE,KAAK,CAAC;AACpB,aAAC,GACD;;IAEN,OAAOA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA;;AAAqB,QAAA,KAAK,CAAC,EAAE;gCAAoC;AAC1E;;;;"}
+{"version":3,"file":"SingleSelect.js","sources":["../../../../../../src/Form/Components/Inputs/SingleSelect.tsx"],"sourcesContent":["import FieldLabel from '@/Form/Components/FieldLabel'\r\nimport { type IFieldInputProps } from '@/Form/Creator/FormCreatorTypes'\r\nimport { SelectInput } from '@axdspub/axiom-ui-utilities'\r\nimport React, { type ReactElement } from 'react'\r\n\r\nconst SingleSelectInput = ({ field, onChange, value }: IFieldInputProps): ReactElement => {\r\n  const initialValue = value !== undefined ? value : ''\r\n\r\n  if (field.type === 'select' && field.options !== undefined) {\r\n    return <SelectInput\r\n        id={field.id}\r\n        label={<FieldLabel {...field} />}\r\n        testId={field.id}\r\n        options={field.options}\r\n        includePrompt = {field?.settings?.allowNull !== false}\r\n        value={initialValue !== undefined && initialValue !== null ? String(initialValue) : ''}\r\n        onChange={(e) => {\r\n          onChange(e?.value)\r\n        }}\r\n      />\r\n  }\r\n  return <p>Field config for {field.id} is missing &apos;options&apos;</p>\r\n}\r\n\r\nexport default SingleSelectInput\r\n"],"names":["React","SelectInput"],"mappings":";;;;;AAKM,IAAA,iBAAiB,GAAG,UAAC,EAA4C,EAAA;;AAA1C,IAAA,IAAA,KAAK,WAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA;AACjD,IAAA,IAAM,YAAY,GAAG,KAAK,KAAK,SAAS,GAAG,KAAK,GAAG,EAAE;AAErD,IAAA,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,EAAE;AAC1D,QAAA,OAAOA,cAAC,CAAA,aAAA,CAAAC,MAAW,EACf,EAAA,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,KAAK,EAAED,cAAC,CAAA,aAAA,CAAA,UAAU,eAAK,KAAK,CAAA,CAAI,EAChC,MAAM,EAAE,KAAK,CAAC,EAAE,EAChB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,aAAa,EAAI,CAAA,CAAA,EAAA,GAAA,KAAK,KAAL,IAAA,IAAA,KAAK,KAAL,MAAA,GAAA,MAAA,GAAA,KAAK,CAAE,QAAQ,0CAAE,SAAS,MAAK,KAAK,EACrD,KAAK,EAAE,YAAY,KAAK,SAAS,IAAI,YAAY,KAAK,IAAI,GAAG,MAAM,CAAC,YAAY,CAAC,GAAG,EAAE,EACtF,QAAQ,EAAE,UAAC,CAAC,EAAA;gBACV,QAAQ,CAAC,CAAC,KAAD,IAAA,IAAA,CAAC,uBAAD,CAAC,CAAE,KAAK,CAAC;AACpB,aAAC,GACD;;IAEN,OAAOA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,IAAA;;AAAqB,QAAA,KAAK,CAAC,EAAE;gCAAoC;AAC1E;;;;"}

package/library/esm/src/Form/Components/Inputs/String.js.map

@@ -1 +1 @@
-{"version":3,"file":"String.js","sources":["../../../../../../src/Form/Components/Inputs/String.tsx"],"sourcesContent":["import FieldLabel from '@/Form/Components/FieldLabel'\nimport { type IFieldInputProps } from '@/Form/Creator/FormCreatorTypes'\nimport { Input } from '@axdspub/axiom-ui-utilities'\nimport React, { type ReactElement } from 'react'\n\nconst StringInput = ({ field, onChange, value }: IFieldInputProps): ReactElement => {\n  const initialValue = (value !== undefined && value !== null) ? String(value) : ''\n  /* const [val, setVal] = useState<string | undefined>(initialValue !== undefined && initialValue !== null ? String(initialValue) : '')\n  useDeferredValue(val)\n  const newVal = useDeferredValue(val)\n  useEffect(() => {\n    onChange(newVal === '' ? undefined : newVal)\n  }, [newVal]) */\n  return <div>\n      <Input\n        id={field.id}\n        testId={field.id}\n        value={initialValue}\n        label={<FieldLabel {...field} />} onChange={(e) => {\n          onChange((e === '' || e === null) ? undefined : e)\n        }} /></div>\n}\n\nexport default StringInput\n"],"names":["React"],"mappings":";;;;;AAKM,IAAA,WAAW,GAAG,UAAC,EAA4C,EAAA;AAA1C,IAAA,IAAA,KAAK,WAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA;IAC3C,IAAM,YAAY,GAAG,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE;AACjF;;;;;AAKe;IACf,OAAOA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;AACH,QAAAA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,MAAM,EAAE,KAAK,CAAC,EAAE,EAChB,KAAK,EAAE,YAAY,EACnB,KAAK,EAAEA,cAAC,CAAA,aAAA,CAAA,UAAU,EAAK,QAAA,CAAA,EAAA,EAAA,KAAK,CAAI,CAAA,EAAE,QAAQ,EAAE,UAAC,CAAC,EAAA;AAC5C,gBAAA,QAAQ,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,SAAS,GAAG,CAAC,CAAC;aACnD,EAAA,CAAI,CAAM;AACnB;;;;"}
+{"version":3,"file":"String.js","sources":["../../../../../../src/Form/Components/Inputs/String.tsx"],"sourcesContent":["import FieldLabel from '@/Form/Components/FieldLabel'\r\nimport { type IFieldInputProps } from '@/Form/Creator/FormCreatorTypes'\r\nimport { Input } from '@axdspub/axiom-ui-utilities'\r\nimport React, { type ReactElement } from 'react'\r\n\r\nconst StringInput = ({ field, onChange, value }: IFieldInputProps): ReactElement => {\r\n  const initialValue = (value !== undefined && value !== null) ? String(value) : ''\r\n  /* const [val, setVal] = useState<string | undefined>(initialValue !== undefined && initialValue !== null ? String(initialValue) : '')\r\n  useDeferredValue(val)\r\n  const newVal = useDeferredValue(val)\r\n  useEffect(() => {\r\n    onChange(newVal === '' ? undefined : newVal)\r\n  }, [newVal]) */\r\n  return <div>\r\n      <Input\r\n        id={field.id}\r\n        testId={field.id}\r\n        value={initialValue}\r\n        label={<FieldLabel {...field} />} onChange={(e) => {\r\n          onChange((e === '' || e === null) ? undefined : e)\r\n        }} /></div>\r\n}\r\n\r\nexport default StringInput\r\n"],"names":["React"],"mappings":";;;;;AAKM,IAAA,WAAW,GAAG,UAAC,EAA4C,EAAA;AAA1C,IAAA,IAAA,KAAK,WAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA;IAC3C,IAAM,YAAY,GAAG,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,IAAI,IAAI,MAAM,CAAC,KAAK,CAAC,GAAG,EAAE;AACjF;;;;;AAKe;IACf,OAAOA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;AACH,QAAAA,cAAA,CAAA,aAAA,CAAC,KAAK,EAAA,EACJ,EAAE,EAAE,KAAK,CAAC,EAAE,EACZ,MAAM,EAAE,KAAK,CAAC,EAAE,EAChB,KAAK,EAAE,YAAY,EACnB,KAAK,EAAEA,cAAC,CAAA,aAAA,CAAA,UAAU,EAAK,QAAA,CAAA,EAAA,EAAA,KAAK,CAAI,CAAA,EAAE,QAAQ,EAAE,UAAC,CAAC,EAAA;AAC5C,gBAAA,QAAQ,CAAC,CAAC,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,SAAS,GAAG,CAAC,CAAC;aACnD,EAAA,CAAI,CAAM;AACnB;;;;"}

package/library/esm/src/Form/Components/Inputs/Time.js.map

@@ -1 +1 @@
-{"version":3,"file":"Time.js","sources":["../../../../../../src/Form/Components/Inputs/Time.tsx"],"sourcesContent":["import FieldLabel from '@/Form/Components/FieldLabel'\nimport { type IFieldInputProps } from '@/Form/Creator/FormCreatorTypes'\nimport React, { type ReactElement, useState } from 'react'\n\nconst TimeInput = ({ field, onChange, value }: IFieldInputProps): ReactElement => {\n  const [error, setError] = useState<string | null>(null)\n\n  if (field.type !== 'time') {\n    return <p>Field config for {field.id} is missing &apos;options&apos;</p>\n  }\n  const { minTime, maxTime } = field.constraints ?? {}\n\n  // Convert the value to the format expected by time input (hh:mm)\n  const formatValue = (val: string | undefined | null): string => {\n    if (!val) return ''\n    try {\n      // Ensure the value is in the correct format\n      const date = new Date(val)\n      if (isNaN(date.getTime())) return ''\n\n      // Format to hh:mm\n      const hours = String(date.getHours()).padStart(2, '0')\n      const minutes = String(date.getMinutes()).padStart(2, '0')\n\n      return `${hours}:${minutes}`\n    } catch {\n      return ''\n    }\n  }\n\n  const validateTime = (timeStr: string): string | null => {\n    if (!minTime && !maxTime) return null\n\n    // Create reference dates for comparison using the same date\n    const referenceDate = '1970-01-01'\n    const inputDate = new Date(`${referenceDate}T${timeStr}`)\n    const minDate = minTime ? new Date(`${referenceDate}T${minTime}`) : null\n    const maxDate = maxTime ? new Date(`${referenceDate}T${maxTime}`) : null\n\n    if (minDate && inputDate < minDate) {\n      return `Time must be after ${minTime}`\n    }\n    if (maxDate && inputDate > maxDate) {\n      return `Time must be before ${maxTime}`\n    }\n    return null\n  }\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\n    const inputValue = e.target.value\n\n    // If we have a partial time (e.g., just started typing hours), don't update\n    if (inputValue && inputValue.length < 5) { // 5 is the length of a complete time value (HH:MM)\n      return\n    }\n\n    if (inputValue) {\n      const newValue = new Date(`1970-01-01T${inputValue}`).toISOString()\n      const validationError = validateTime(inputValue)\n      setError(validationError)\n      if (!validationError) {\n        onChange(newValue)\n      }\n    } else {\n      setError(null)\n      onChange(undefined)\n    }\n  }\n\n  const getConstraintMessage = (): string | null => {\n    if (!minTime && !maxTime) return null\n    const parts = []\n    if (minTime) parts.push(`after ${minTime}`)\n    if (maxTime) parts.push(`before ${maxTime}`)\n    return `Must be ${parts.join(' and ')}`\n  }\n\n  const constraintMessage = getConstraintMessage()\n\n  return (\n    <div>\n      <div className=\"flex flex-wrap items-baseline gap-2\">\n        <label htmlFor={field.id} className=\"flex-1 min-w-[200px]\">\n          <FieldLabel {...field} />\n        </label>\n        {constraintMessage && (\n          <span className=\"text-sm text-slate-500 italic\">\n            {constraintMessage}\n          </span>\n        )}\n      </div>\n      <input\n        id={field.id}\n        className={`border ${error ? 'border-red-500' : 'border-slate-300'} p-2 w-full`}\n        data-testid={field.id}\n        type=\"time\"\n        value={formatValue(value as string)}\n        onChange={handleChange}\n        min={minTime}\n        max={maxTime}\n      />\n      {error && <p className=\"text-red-500 text-sm mt-1\">{error}</p>}\n    </div>\n  )\n}\n\nexport default TimeInput\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"Time.js","sources":["../../../../../../src/Form/Components/Inputs/Time.tsx"],"sourcesContent":["import FieldLabel from '@/Form/Components/FieldLabel'\r\nimport { type IFieldInputProps } from '@/Form/Creator/FormCreatorTypes'\r\nimport React, { type ReactElement, useState } from 'react'\r\n\r\nconst TimeInput = ({ field, onChange, value }: IFieldInputProps): ReactElement => {\r\n  const [error, setError] = useState<string | null>(null)\r\n\r\n  if (field.type !== 'time') {\r\n    return <p>Field config for {field.id} is missing &apos;options&apos;</p>\r\n  }\r\n  const { minTime, maxTime } = field.constraints ?? {}\r\n\r\n  // Convert the value to the format expected by time input (hh:mm)\r\n  const formatValue = (val: string | undefined | null): string => {\r\n    if (!val) return ''\r\n    try {\r\n      // Ensure the value is in the correct format\r\n      const date = new Date(val)\r\n      if (isNaN(date.getTime())) return ''\r\n\r\n      // Format to hh:mm\r\n      const hours = String(date.getHours()).padStart(2, '0')\r\n      const minutes = String(date.getMinutes()).padStart(2, '0')\r\n\r\n      return `${hours}:${minutes}`\r\n    } catch {\r\n      return ''\r\n    }\r\n  }\r\n\r\n  const validateTime = (timeStr: string): string | null => {\r\n    if (!minTime && !maxTime) return null\r\n\r\n    // Create reference dates for comparison using the same date\r\n    const referenceDate = '1970-01-01'\r\n    const inputDate = new Date(`${referenceDate}T${timeStr}`)\r\n    const minDate = minTime ? new Date(`${referenceDate}T${minTime}`) : null\r\n    const maxDate = maxTime ? new Date(`${referenceDate}T${maxTime}`) : null\r\n\r\n    if (minDate && inputDate < minDate) {\r\n      return `Time must be after ${minTime}`\r\n    }\r\n    if (maxDate && inputDate > maxDate) {\r\n      return `Time must be before ${maxTime}`\r\n    }\r\n    return null\r\n  }\r\n\r\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement>): void => {\r\n    const inputValue = e.target.value\r\n\r\n    // If we have a partial time (e.g., just started typing hours), don't update\r\n    if (inputValue && inputValue.length < 5) { // 5 is the length of a complete time value (HH:MM)\r\n      return\r\n    }\r\n\r\n    if (inputValue) {\r\n      const newValue = new Date(`1970-01-01T${inputValue}`).toISOString()\r\n      const validationError = validateTime(inputValue)\r\n      setError(validationError)\r\n      if (!validationError) {\r\n        onChange(newValue)\r\n      }\r\n    } else {\r\n      setError(null)\r\n      onChange(undefined)\r\n    }\r\n  }\r\n\r\n  const getConstraintMessage = (): string | null => {\r\n    if (!minTime && !maxTime) return null\r\n    const parts = []\r\n    if (minTime) parts.push(`after ${minTime}`)\r\n    if (maxTime) parts.push(`before ${maxTime}`)\r\n    return `Must be ${parts.join(' and ')}`\r\n  }\r\n\r\n  const constraintMessage = getConstraintMessage()\r\n\r\n  return (\r\n    <div>\r\n      <div className=\"flex flex-wrap items-baseline gap-2\">\r\n        <label htmlFor={field.id} className=\"flex-1 min-w-[200px]\">\r\n          <FieldLabel {...field} />\r\n        </label>\r\n        {constraintMessage && (\r\n          <span className=\"text-sm text-slate-500 italic\">\r\n            {constraintMessage}\r\n          </span>\r\n        )}\r\n      </div>\r\n      <input\r\n        id={field.id}\r\n        className={`border ${error ? 'border-red-500' : 'border-slate-300'} p-2 w-full`}\r\n        data-testid={field.id}\r\n        type=\"time\"\r\n        value={formatValue(value as string)}\r\n        onChange={handleChange}\r\n        min={minTime}\r\n        max={maxTime}\r\n      />\r\n      {error && <p className=\"text-red-500 text-sm mt-1\">{error}</p>}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default TimeInput\r\n"],"names":["React"],"mappings":"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"}

package/library/esm/src/Form/Components/Inputs/index.js

@@ -0,0 +1,11 @@
+export { default as BooleanInput } from './Boolean.js';
+export { default as JSONInput } from './JSONInputLoader.js';
+export { default as NumberInput } from './Number.js';
+export { default as TextInput } from './String.js';
+export { default as LongTextInput } from './LongString.js';
+export { default as SelectInput } from './SingleSelect.js';
+export { default as GeoJSONInput } from './GeoJSONInputLoader.js';
+export { default as DateTimeInput } from './DateTime.js';
+export { default as DateInput } from './Date.js';
+export { default as TimeInput } from './Time.js';
+//# sourceMappingURL=index.js.map

package/library/esm/src/Form/Components/Inputs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/library/esm/src/Form/Components/Inputs/inputMap.js.map

@@ -1 +1 @@
-{"version":3,"file":"inputMap.js","sources":["../../../../../../src/Form/Components/Inputs/inputMap.ts"],"sourcesContent":["import BooleanInput from '@/Form/Components/Inputs/Boolean'\nimport LongString from '@/Form/Components/Inputs/LongString'\nimport StringInput from '@/Form/Components/Inputs/String'\nimport ObjectInput from '@/Form/Components/Inputs/Object'\nimport Radio from '@/Form/Components/Inputs/RadioGroup'\nimport SingleSelect from '@/Form/Components/Inputs/SingleSelect'\nimport { type IFieldInputProps } from '@/Form/Creator/FormCreatorTypes'\nimport JSONStringInput from '@/Form/Components/Inputs/JSONInputLoader'\nimport NumberInput from '@/Form/Components/Inputs/Number'\nimport GeoJSONInput from '@/Form/Components/Inputs/GeoJSONInputLoader'\nimport GeometryInput from '@/Form/Components/Inputs/GeometryInputLoader'\nimport DateTimeInput from '@/Form/Components/Inputs/DateTime'\nimport DateInput from '@/Form/Components/Inputs/Date'\nimport TimeInput from '@/Form/Components/Inputs/Time'\nimport ConstantInput from '@/Form/Components/Inputs/Constant'\nimport OneOfInput from '@/Form/Components/Inputs/OneOfInput'\n\nconst inputMap: Record<string, React.FC<IFieldInputProps>> = {\n  text: StringInput,\n  long_text: LongString,\n  number: NumberInput,\n  json: JSONStringInput,\n  boolean: BooleanInput,\n  select: SingleSelect,\n  radio: Radio,\n  object: ObjectInput,\n  oneOf: OneOfInput,\n  geojson: GeoJSONInput,\n  geometry: GeometryInput,\n  datetime: DateTimeInput,\n  date: DateInput,\n  time: TimeInput,\n  constant: ConstantInput\n}\n\nexport default inputMap\n"],"names":["LongString","JSONStringInput","SingleSelect","Radio","GeoJSONInput","GeometryInput"],"mappings":";;;;;;;;;;;;;;;;AAiBA,IAAM,QAAQ,GAA+C;AAC3D,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,SAAS,EAAEA,eAAU;AACrB,IAAA,MAAM,EAAE,WAAW;AACnB,IAAA,IAAI,EAAEC,eAAe;AACrB,IAAA,OAAO,EAAE,YAAY;AACrB,IAAA,MAAM,EAAEC,iBAAY;AACpB,IAAA,KAAK,EAAEC,UAAK;AACZ,IAAA,MAAM,EAAE,WAAW;AACnB,IAAA,KAAK,EAAE,UAAU;AACjB,IAAA,OAAO,EAAEC,oBAAY;AACrB,IAAA,QAAQ,EAAEC,kBAAa;AACvB,IAAA,QAAQ,EAAE,aAAa;AACvB,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,QAAQ,EAAE;;;;;"}
+{"version":3,"file":"inputMap.js","sources":["../../../../../../src/Form/Components/Inputs/inputMap.ts"],"sourcesContent":["import BooleanInput from '@/Form/Components/Inputs/Boolean'\r\nimport LongString from '@/Form/Components/Inputs/LongString'\r\nimport StringInput from '@/Form/Components/Inputs/String'\r\nimport ObjectInput from '@/Form/Components/Inputs/Object'\r\nimport Radio from '@/Form/Components/Inputs/RadioGroup'\r\nimport SingleSelect from '@/Form/Components/Inputs/SingleSelect'\r\nimport { type IFieldInputProps } from '@/Form/Creator/FormCreatorTypes'\r\nimport JSONStringInput from '@/Form/Components/Inputs/JSONInputLoader'\r\nimport NumberInput from '@/Form/Components/Inputs/Number'\r\nimport GeoJSONInput from '@/Form/Components/Inputs/GeoJSONInputLoader'\r\nimport GeometryInput from '@/Form/Components/Inputs/GeometryInputLoader'\r\nimport DateTimeInput from '@/Form/Components/Inputs/DateTime'\r\nimport DateInput from '@/Form/Components/Inputs/Date'\r\nimport TimeInput from '@/Form/Components/Inputs/Time'\r\nimport ConstantInput from '@/Form/Components/Inputs/Constant'\r\nimport OneOfInput from '@/Form/Components/Inputs/OneOfInput'\r\n\r\nconst inputMap: Record<string, React.FC<IFieldInputProps>> = {\r\n  text: StringInput,\r\n  long_text: LongString,\r\n  number: NumberInput,\r\n  json: JSONStringInput,\r\n  boolean: BooleanInput,\r\n  select: SingleSelect,\r\n  radio: Radio,\r\n  object: ObjectInput,\r\n  oneOf: OneOfInput,\r\n  geojson: GeoJSONInput,\r\n  geometry: GeometryInput,\r\n  datetime: DateTimeInput,\r\n  date: DateInput,\r\n  time: TimeInput,\r\n  constant: ConstantInput\r\n}\r\n\r\nexport default inputMap\r\n"],"names":["LongString","JSONStringInput","SingleSelect","Radio","GeoJSONInput","GeometryInput"],"mappings":";;;;;;;;;;;;;;;;AAiBA,IAAM,QAAQ,GAA+C;AAC3D,IAAA,IAAI,EAAE,WAAW;AACjB,IAAA,SAAS,EAAEA,eAAU;AACrB,IAAA,MAAM,EAAE,WAAW;AACnB,IAAA,IAAI,EAAEC,eAAe;AACrB,IAAA,OAAO,EAAE,YAAY;AACrB,IAAA,MAAM,EAAEC,iBAAY;AACpB,IAAA,KAAK,EAAEC,UAAK;AACZ,IAAA,MAAM,EAAE,WAAW;AACnB,IAAA,KAAK,EAAE,UAAU;AACjB,IAAA,OAAO,EAAEC,oBAAY;AACrB,IAAA,QAAQ,EAAEC,kBAAa;AACvB,IAAA,QAAQ,EAAE,aAAa;AACvB,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,IAAI,EAAE,SAAS;AACf,IAAA,QAAQ,EAAE;;;;;"}

package/library/esm/src/Form/Creator/FormContextProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormContextProvider.js","sources":["../../../../../src/Form/Creator/FormContextProvider.tsx"],"sourcesContent":["import { type IFieldInputProps, type IForm, type IFormValues } from '@/Form/Creator/FormCreatorTypes'\nimport { type JSONSchema6 } from 'json-schema'\nimport React, { createContext, type ReactElement, type PropsWithChildren } from 'react'\n\nexport interface IFormContextValue {\n  form: IForm\n  formValues: IFormValues\n  setFormValues: (v: IFormValues) => void\n  inputOverrides?: Record<string, React.FC<IFieldInputProps>>\n  urlNavigable?: boolean\n  schema?: JSONSchema6\n}\n\nexport const FormContext = createContext<IFormContextValue>({\n  form: { id: '', label: '' },\n  formValues: {},\n  setFormValues: (v) => {}\n})\n\nexport const FormContextProvider = ({ children, ...props }: IFormContextValue & PropsWithChildren): ReactElement => {\n  return (\n    <FormContext.Provider value={{ ...props }}>\n      {children}\n    </FormContext.Provider>\n  )\n}\n\nexport const useFormContext = (): IFormContextValue => {\n  const ctx = React.useContext(FormContext)\n  if (!ctx) throw new Error('useFormSectionContext must be used within FormSectionContextProvider')\n  return ctx\n}\n"],"names":["React"],"mappings":";;;AAaO,IAAM,WAAW,GAAG,aAAa,CAAoB;IAC1D,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;AAC3B,IAAA,UAAU,EAAE,EAAE;AACd,IAAA,aAAa,EAAE,UAAC,CAAC,EAAA;AAClB,CAAA;AAUY,IAAA,cAAc,GAAG,YAAA;IAC5B,IAAM,GAAG,GAAGA,cAAK,CAAC,UAAU,CAAC,WAAW,CAAC;AACzC,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,MAAM,IAAI,KAAK,CAAC,sEAAsE,CAAC;AACjG,IAAA,OAAO,GAAG;AACZ;;;;"}
+{"version":3,"file":"FormContextProvider.js","sources":["../../../../../src/Form/Creator/FormContextProvider.tsx"],"sourcesContent":["import { type IFieldInputProps, type IForm, type IFormValues } from '@/Form/Creator/FormCreatorTypes'\r\nimport { type JSONSchema6 } from 'json-schema'\r\nimport React, { createContext, type ReactElement, type PropsWithChildren } from 'react'\r\n\r\nexport interface IFormContextValue {\r\n  form: IForm\r\n  formValues: IFormValues\r\n  setFormValues: (v: IFormValues) => void\r\n  inputOverrides?: Record<string, React.FC<IFieldInputProps>>\r\n  urlNavigable?: boolean\r\n  schema?: JSONSchema6\r\n}\r\n\r\nexport const FormContext = createContext<IFormContextValue>({\r\n  form: { id: '', label: '' },\r\n  formValues: {},\r\n  setFormValues: (v) => {}\r\n})\r\n\r\nexport const FormContextProvider = ({ children, ...props }: IFormContextValue & PropsWithChildren): ReactElement => {\r\n  return (\r\n    <FormContext.Provider value={{ ...props }}>\r\n      {children}\r\n    </FormContext.Provider>\r\n  )\r\n}\r\n\r\nexport const useFormContext = (): IFormContextValue => {\r\n  const ctx = React.useContext(FormContext)\r\n  if (!ctx) throw new Error('useFormSectionContext must be used within FormSectionContextProvider')\r\n  return ctx\r\n}\r\n"],"names":["React"],"mappings":";;;AAaO,IAAM,WAAW,GAAG,aAAa,CAAoB;IAC1D,IAAI,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;AAC3B,IAAA,UAAU,EAAE,EAAE;AACd,IAAA,aAAa,EAAE,UAAC,CAAC,EAAA;AAClB,CAAA;AAUY,IAAA,cAAc,GAAG,YAAA;IAC5B,IAAM,GAAG,GAAGA,cAAK,CAAC,UAAU,CAAC,WAAW,CAAC;AACzC,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,MAAM,IAAI,KAAK,CAAC,sEAAsE,CAAC;AACjG,IAAA,OAAO,GAAG;AACZ;;;;"}

package/library/esm/src/Form/Creator/FormCreator.js

@@ -9,7 +9,7 @@ import '../../../_virtual/index.js';
 import 'lodash';
 import { calculateSectionStatus } from '../../utils/validators.js';
 import { utils as index$1 } from '../../../node_modules/@axdspub/axiom-ui-utilities/library/index.js';
-import React__default, { useContext } from 'react';
+import React__default, { useState, useContext } from 'react';
 
 var FormStatus = function () {
     var _a, _b, _c, _d;
@@ -27,18 +27,27 @@ var FormStatus = function () {
             _d.requiredTotal,
             " required")));
 };
+var seedFormValuesWithDefaults = function (form) {
+    var formValues = {};
+    getFieldsFromFormSection(form).forEach(function (field) {
+        if (field.defaultValue !== undefined && getFieldValue(field, formValues) === undefined) {
+            updateFormValuesWithFieldValueInPlace(field, field.defaultValue, formValues);
+        }
+    });
+    return formValues;
+};
 var FormCreator = function (_a) {
-    var _b;
-    var form = _a.form, formValueState = _a.formValueState, note = _a.note, error = _a.error, onChange = _a.onChange, className = _a.className, _c = _a.defaultClassName, defaultClassName = _c === void 0 ? 'flex flex-col gap-2 flex-grow' : _c, _d = _a.urlNavigable, urlNavigable = _d === void 0 ? true : _d, inputOverrides = _a.inputOverrides, schema = _a.schema;
+    var _b, _c;
+    var form = _a.form, formValueState = _a.formValueState, note = _a.note, error = _a.error, onChange = _a.onChange, className = _a.className, _d = _a.defaultClassName, defaultClassName = _d === void 0 ? 'flex flex-col gap-2 flex-grow' : _d, _e = _a.urlNavigable, urlNavigable = _e === void 0 ? true : _e, inputOverrides = _a.inputOverrides, schema = _a.schema, footer = _a.footer, header = _a.header;
     var activeForm = copyAndAddPathToFields(form);
-    var activeFormValues = structuredClone(formValueState[0]);
+    var activeFormValues = structuredClone((_b = formValueState === null || formValueState === void 0 ? void 0 : formValueState[0]) !== null && _b !== void 0 ? _b : {});
     getFieldsFromFormSection(activeForm).forEach(function (field) {
         if (field.defaultValue !== undefined && getFieldValue(field, activeFormValues) === undefined) {
             updateFormValuesWithFieldValueInPlace(field, field.defaultValue, activeFormValues);
         }
     });
+    var _f = formValueState !== null && formValueState !== void 0 ? formValueState : useState(seedFormValuesWithDefaults(activeForm)), formValues = _f[0], setFormValues = _f[1];
     activeForm.settings = __assign({ url_navigable: urlNavigable }, activeForm.settings);
-    var formValues = formValueState[0], setFormValues = formValueState[1];
     return (React__default.createElement(FormContext.Provider, { value: {
             form: activeForm,
             formValues: formValues,
@@ -46,9 +55,9 @@ var FormCreator = function (_a) {
             inputOverrides: inputOverrides,
             schema: schema,
             urlNavigable: activeForm.settings.url_navigable
-        } },
+        } }, header !== null && header !== void 0 ? header : '',
         React__default.createElement("div", { className: index$1.makeClassName({
-                className: (_b = activeForm === null || activeForm === void 0 ? void 0 : activeForm.settings) === null || _b === void 0 ? void 0 : _b.class_name,
+                className: (_c = activeForm === null || activeForm === void 0 ? void 0 : activeForm.settings) === null || _c === void 0 ? void 0 : _c.class_name,
                 defaultClassName: defaultClassName,
                 extras: [className]
             }) },
@@ -56,7 +65,7 @@ var FormCreator = function (_a) {
             (activeForm === null || activeForm === void 0 ? void 0 : activeForm.fields) !== undefined && activeForm.fields.length > 0 && activeForm.pages === undefined && activeForm.wizard_steps === undefined
                 ? React__default.createElement(FormStatus, null)
                 : '',
-            React__default.createElement(FormSection, { formSection: activeForm, onChange: onChange }))));
+            React__default.createElement(FormSection, { formSection: activeForm, onChange: onChange })), footer !== null && footer !== void 0 ? footer : ''));
 };
 
 export { FormCreator as default };

package/library/esm/src/Form/Creator/FormCreator.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormCreator.js","sources":["../../../../../src/Form/Creator/FormCreator.tsx"],"sourcesContent":["import { FormContext } from '@/Form/Creator/FormContextProvider'\nimport { type IFormValues, type IForm, type IValueChangeFn, type IFieldInputProps, type IFormOverride, type IFormFieldOverride } from '@/Form/Creator/FormCreatorTypes'\nimport FormHeader from '@/Form/Creator/FormHeader'\nimport FormSection from '@/Form/Creator/FormSection'\nimport { getFieldsFromFormSection, getFieldValue } from '@/utils/getters'\nimport { copyAndAddPathToFields, updateFormValuesWithFieldValueInPlace } from '@/utils/manipulators'\nimport { overridesAndSchemaToFormObject, schemaToFormObject } from '@/utils/schemaToFormHelpers'\nimport { calculateSectionStatus } from '@/utils/validators'\nimport { Loader, utils } from '@axdspub/axiom-ui-utilities'\nimport { type JSONSchema6 } from 'json-schema'\nimport React, { useContext, useEffect, useState, type ReactElement } from 'react'\n\nexport interface IFormCreatorProps {\n  form: IForm\n  schema?: JSONSchema6\n  formValueState: [IFormValues, (v: IFormValues) => void]\n  note?: string\n  error?: string\n  onChange?: IValueChangeFn\n  className?: string\n  defaultClassName?: string\n  urlNavigable?: boolean\n  inputOverrides?: Record<string, React.FC<IFieldInputProps>>\n}\n\nconst FormStatus = (): ReactElement => {\n  const { form, formValues, setFormValues } = useContext(FormContext)\n  const status = calculateSectionStatus([form], [formValues, setFormValues])\n\n  return (\n    <>\n    <p className='text-xs mt-4'>{status[form.id]?.completed} of {status[form.id]?.total} total</p>\n    <p className='text-xs mt-2'>{status[form.id]?.requiredCompleted} of {status[form.id]?.requiredTotal} required</p>\n    </>\n  )\n}\n\nexport const SchemaFormCreator = ({\n  label,\n  id,\n  schema,\n  formOverrides,\n  formFieldOverrides,\n  ...props\n}: Omit<IFormCreatorProps, 'form'> & {\n  id?: string\n  label?: string\n  schema: JSONSchema6\n  formOverrides?: IFormOverride[]\n  formFieldOverrides?: IFormFieldOverride[][]\n}): ReactElement => {\n  const [form, setForm] = useState<IForm | undefined>(undefined)\n  useEffect(() => {\n    const newForm = formOverrides === undefined\n      ? schemaToFormObject(schema)\n      : overridesAndSchemaToFormObject({\n        formOverrides,\n        formFieldOverrides,\n        schema\n      }) // Convert the JSON schema to a form object\n    if (id !== undefined) {\n      newForm.id = id\n    }\n    if (label !== undefined) {\n      newForm.label = label\n    }\n    setForm(newForm)\n  }, [schema, formOverrides, formFieldOverrides, id, label])\n\n  return (\n    <>{\n      form !== undefined\n        ? <FormCreator form={form} {...props} />\n        : <div className='p-5 bg-slate-200 text-xs'><Loader className='pt-20' /></div>\n    }</>\n\n  )\n}\n\nconst FormCreator = ({\n  form,\n  formValueState,\n  note,\n  error,\n  onChange,\n  className,\n  defaultClassName = 'flex flex-col gap-2 flex-grow',\n  urlNavigable = true,\n  inputOverrides,\n  schema\n}: IFormCreatorProps): ReactElement => {\n  const activeForm = copyAndAddPathToFields(form)\n  const activeFormValues = structuredClone(formValueState[0])\n  getFieldsFromFormSection(activeForm).forEach(field => {\n    if (field.defaultValue !== undefined && getFieldValue(field, activeFormValues) === undefined) {\n      updateFormValuesWithFieldValueInPlace(field, field.defaultValue, activeFormValues)\n    }\n  })\n\n  activeForm.settings = {\n    url_navigable: urlNavigable,\n    ...activeForm.settings\n  }\n\n  const [formValues, setFormValues] = formValueState\n\n  return (\n    <FormContext.Provider value={{\n      form: activeForm,\n      formValues,\n      setFormValues,\n      inputOverrides,\n      schema,\n      urlNavigable: activeForm.settings.url_navigable\n    }}>\n            <div className={utils.makeClassName({\n              className: activeForm?.settings?.class_name,\n              defaultClassName,\n              extras: [className]\n            })}>\n                <FormHeader form={activeForm} note={note} error={error} />\n                {\n                  activeForm?.fields !== undefined && activeForm.fields.length > 0 && activeForm.pages === undefined && activeForm.wizard_steps === undefined\n                    ? <FormStatus />\n                    : ''\n                }\n                <FormSection\n                  formSection={activeForm}\n                  onChange={onChange}\n                  />\n            </div>\n          </FormContext.Provider>\n  )\n}\n\nexport type IFormSectionStatus = Record<string, {\n  completed: number\n  total: number\n  requiredTotal: number\n  requiredCompleted: number\n  valid: boolean\n}>\n\nexport default FormCreator\n"],"names":["React","utils"],"mappings":"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"}
+{"version":3,"file":"FormCreator.js","sources":["../../../../../src/Form/Creator/FormCreator.tsx"],"sourcesContent":["import { FormContext } from '@/Form/Creator/FormContextProvider'\r\nimport { type IFormValues, type IForm, type IValueChangeFn, type IFieldInputProps, type IFormOverride, type IFormFieldOverride } from '@/Form/Creator/FormCreatorTypes'\r\nimport FormHeader from '@/Form/Creator/FormHeader'\r\nimport FormSection from '@/Form/Creator/FormSection'\r\nimport { getFieldsFromFormSection, getFieldValue } from '@/utils/getters'\r\nimport { copyAndAddPathToFields, updateFormValuesWithFieldValueInPlace } from '@/utils/manipulators'\r\nimport { overridesAndSchemaToFormObject, schemaToFormObject } from '@/utils/schemaToFormHelpers'\r\nimport { calculateSectionStatus } from '@/utils/validators'\r\nimport { Loader, utils } from '@axdspub/axiom-ui-utilities'\r\nimport { type JSONSchema6 } from 'json-schema'\r\nimport React, { type ReactNode, useContext, type ReactElement, useState } from 'react'\r\n\r\nexport interface IFormCreatorProps {\r\n  form: IForm\r\n  schema?: JSONSchema6\r\n  formValueState?: [IFormValues, (v: IFormValues) => void]\r\n  note?: string\r\n  error?: string\r\n  onChange?: IValueChangeFn\r\n  className?: string\r\n  defaultClassName?: string\r\n  urlNavigable?: boolean\r\n  inputOverrides?: Record<string, React.FC<IFieldInputProps>>\r\n  header?: ReactNode\r\n  footer?: ReactNode\r\n}\r\n\r\nconst FormStatus = (): ReactElement => {\r\n  const { form, formValues, setFormValues } = useContext(FormContext)\r\n  const status = calculateSectionStatus([form], [formValues, setFormValues])\r\n\r\n  return (\r\n    <>\r\n    <p className='text-xs mt-4'>{status[form.id]?.completed} of {status[form.id]?.total} total</p>\r\n    <p className='text-xs mt-2'>{status[form.id]?.requiredCompleted} of {status[form.id]?.requiredTotal} required</p>\r\n    </>\r\n  )\r\n}\r\n\r\nexport const SchemaFormCreator = ({\r\n  label,\r\n  id,\r\n  schema,\r\n  formOverrides,\r\n  formFieldOverrides,\r\n  ...props\r\n}: Omit<IFormCreatorProps, 'form'> & {\r\n  id?: string\r\n  label?: string\r\n  schema: JSONSchema6\r\n  formOverrides?: IFormOverride[]\r\n  formFieldOverrides?: IFormFieldOverride[][]\r\n}): ReactElement => {\r\n  const form = formOverrides === undefined && formFieldOverrides === undefined\r\n    ? schemaToFormObject(schema)\r\n    : overridesAndSchemaToFormObject({\r\n      formOverrides,\r\n      formFieldOverrides,\r\n      schema\r\n    }) // Convert the JSON schema to a form object\r\n  if (id !== undefined) {\r\n    form.id = id\r\n  }\r\n  if (label !== undefined) {\r\n    form.label = label\r\n  }\r\n\r\n  return (\r\n    <>{\r\n      form !== undefined\r\n        ? <FormCreator form={form} {...props} />\r\n        : <div className='p-5 bg-slate-200 text-xs'><Loader className='pt-20' /></div>\r\n    }</>\r\n\r\n  )\r\n}\r\n\r\nconst seedFormValuesWithDefaults = (form: IForm): IFormValues => {\r\n  const formValues: IFormValues = {}\r\n  getFieldsFromFormSection(form).forEach(field => {\r\n    if (field.defaultValue !== undefined && getFieldValue(field, formValues) === undefined) {\r\n      updateFormValuesWithFieldValueInPlace(field, field.defaultValue, formValues)\r\n    }\r\n  })\r\n  return formValues\r\n}\r\n\r\nconst FormCreator = ({\r\n  form,\r\n  formValueState,\r\n  note,\r\n  error,\r\n  onChange,\r\n  className,\r\n  defaultClassName = 'flex flex-col gap-2 flex-grow',\r\n  urlNavigable = true,\r\n  inputOverrides,\r\n  schema,\r\n  footer,\r\n  header\r\n}: IFormCreatorProps): ReactElement => {\r\n  const activeForm = copyAndAddPathToFields(form)\r\n  const activeFormValues = structuredClone(formValueState?.[0] ?? {})\r\n  getFieldsFromFormSection(activeForm).forEach(field => {\r\n    if (field.defaultValue !== undefined && getFieldValue(field, activeFormValues) === undefined) {\r\n      updateFormValuesWithFieldValueInPlace(field, field.defaultValue, activeFormValues)\r\n    }\r\n  })\r\n  const [formValues, setFormValues] = formValueState ?? useState<IFormValues>(seedFormValuesWithDefaults(activeForm))\r\n\r\n  activeForm.settings = {\r\n    url_navigable: urlNavigable,\r\n    ...activeForm.settings\r\n  }\r\n\r\n  return (\r\n    <FormContext.Provider value={{\r\n      form: activeForm,\r\n      formValues,\r\n      setFormValues,\r\n      inputOverrides,\r\n      schema,\r\n      urlNavigable: activeForm.settings.url_navigable\r\n    }}>\r\n      {header ?? ''}\r\n      <div className={utils.makeClassName({\r\n        className: activeForm?.settings?.class_name,\r\n        defaultClassName,\r\n        extras: [className]\r\n      })}>\r\n          <FormHeader form={activeForm} note={note} error={error} />\r\n          {\r\n            activeForm?.fields !== undefined && activeForm.fields.length > 0 && activeForm.pages === undefined && activeForm.wizard_steps === undefined\r\n              ? <FormStatus />\r\n              : ''\r\n          }\r\n          <FormSection\r\n            formSection={activeForm}\r\n            onChange={onChange}\r\n            />\r\n      </div>\r\n      {footer ?? ''}\r\n    </FormContext.Provider>\r\n  )\r\n}\r\n\r\nexport type IFormSectionStatus = Record<string, {\r\n  completed: number\r\n  total: number\r\n  requiredTotal: number\r\n  requiredCompleted: number\r\n  valid: boolean\r\n}>\r\n\r\nexport default FormCreator\r\n"],"names":["React","utils"],"mappings":"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"}

package/library/esm/src/Form/Creator/FormFields.js

@@ -2,7 +2,7 @@ import FieldCreator from '../Components/FieldCreator.js';
 import React__default from 'react';
 
 var FormFields = function (_a) {
-    var fields = _a.fields, onChange = _a.onChange, _b = _a.className, className = _b === void 0 ? 'flex flex-col gap-2' : _b;
+    var fields = _a.fields, onChange = _a.onChange, _b = _a.className, className = _b === void 0 ? 'flex flex-col gap-2 flex-grow h-full' : _b;
     return (React__default.createElement(React__default.Fragment, null, fields === undefined || fields.length < 1
         ? ''
         : React__default.createElement("div", { className: className }, fields === null || fields === void 0 ? void 0 : fields.map(function (field) {

package/library/esm/src/Form/Creator/FormFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFields.js","sources":["../../../../../src/Form/Creator/FormFields.tsx"],"sourcesContent":["import FieldCreator from '@/Form/Components/FieldCreator'\nimport { type IFormField, type IValueChangeFn } from '@/Form/Creator/FormCreatorTypes'\nimport React, { type ReactElement } from 'react'\n\nconst FormFields = ({\n  fields,\n  onChange,\n  className = 'flex flex-col gap-2'\n}: {\n  fields?: IFormField[]\n  onChange?: IValueChangeFn\n  className?: string\n}): ReactElement => {\n  return (\n      <>\n      {\n        fields === undefined || fields.length < 1\n          ? ''\n          : <div className={className}>\n            {\n              fields?.map((field) => {\n                return (\n                  <FieldCreator onChange={onChange} field={field} key={field.id} />\n                )\n              })\n            }\n        </div>\n      }\n      </>\n  )\n}\n\nexport default FormFields\n"],"names":["React"],"mappings":";;;AAIM,IAAA,UAAU,GAAG,UAAC,EAQnB,EAAA;QAPC,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,iBAAiC,EAAjC,SAAS,GAAG,EAAA,KAAA,MAAA,GAAA,qBAAqB,GAAA,EAAA;IAMjC,QACIA,cAEE,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAA,MAAM,KAAK,SAAS,IAAI,MAAM,CAAC,MAAM,GAAG;AACtC,UAAE;AACF,UAAEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,SAAS,EAEvB,EAAA,MAAM,KAAN,IAAA,IAAA,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,UAAC,KAAK,EAAA;AAChB,YAAA,QACEA,cAAC,CAAA,aAAA,CAAA,YAAY,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,EAAA,CAAI;AAErE,SAAC,CAAC,CAEF,CAEL;AAET;;;;"}
+{"version":3,"file":"FormFields.js","sources":["../../../../../src/Form/Creator/FormFields.tsx"],"sourcesContent":["import FieldCreator from '@/Form/Components/FieldCreator'\r\nimport { type IFormField, type IValueChangeFn } from '@/Form/Creator/FormCreatorTypes'\r\nimport React, { type ReactElement } from 'react'\r\n\r\nconst FormFields = ({\r\n  fields,\r\n  onChange,\r\n  className = 'flex flex-col gap-2 flex-grow h-full'\r\n}: {\r\n  fields?: IFormField[]\r\n  onChange?: IValueChangeFn\r\n  className?: string\r\n}): ReactElement => {\r\n  return (\r\n      <>\r\n      {\r\n        fields === undefined || fields.length < 1\r\n          ? ''\r\n          : <div className={className}>\r\n            {\r\n              fields?.map((field) => {\r\n                return (\r\n                  <FieldCreator onChange={onChange} field={field} key={field.id} />\r\n                )\r\n              })\r\n            }\r\n        </div>\r\n      }\r\n      </>\r\n  )\r\n}\r\n\r\nexport default FormFields\r\n"],"names":["React"],"mappings":";;;AAIM,IAAA,UAAU,GAAG,UAAC,EAQnB,EAAA;QAPC,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,iBAAkD,EAAlD,SAAS,GAAG,EAAA,KAAA,MAAA,GAAA,sCAAsC,GAAA,EAAA;IAMlD,QACIA,cAEE,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,EAAA,MAAM,KAAK,SAAS,IAAI,MAAM,CAAC,MAAM,GAAG;AACtC,UAAE;AACF,UAAEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,SAAS,EAEvB,EAAA,MAAM,KAAN,IAAA,IAAA,MAAM,uBAAN,MAAM,CAAE,GAAG,CAAC,UAAC,KAAK,EAAA;AAChB,YAAA,QACEA,cAAC,CAAA,aAAA,CAAA,YAAY,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,EAAA,CAAI;AAErE,SAAC,CAAC,CAEF,CAEL;AAET;;;;"}

package/library/esm/src/Form/Creator/FormHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormHeader.js","sources":["../../../../../src/Form/Creator/FormHeader.tsx"],"sourcesContent":["import InlineMarkdown from '@/Form/Components/InlineMarkdown'\nimport type { IForm } from '@/library'\nimport { ExclamationTriangleIcon } from '@radix-ui/react-icons'\nimport React, { type ReactElement } from 'react'\nimport Markdown from 'react-markdown'\n\nconst FormHeader = ({\n  form, note, error\n\n}: {\n  form: IForm\n  note?: string\n  error?: string\n}): ReactElement => {\n  return (\n    <div className='flex flex-col gap-4'>\n      <h2 className='text-2xl font-bold'>{form.label}</h2>\n      {note !== undefined\n        ? <Markdown>{note}</Markdown>\n        : null}\n      {error !== undefined\n        ? <p className='pb-4 text-rose-800'><ExclamationTriangleIcon className='inline mr-2' /> <InlineMarkdown>{error}</InlineMarkdown></p>\n        : null}\n      {form.description !== undefined\n        ? <Markdown>{form.description}</Markdown>\n        : null}\n    </div>\n  )\n}\n\nexport default FormHeader\n"],"names":["React"],"mappings":";;;;;AAMM,IAAA,UAAU,GAAG,UAAC,EAOnB,EAAA;AANC,IAAA,IAAA,IAAI,UAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA;AAOjB,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,EAAA;AAClC,QAAAA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,oBAAoB,IAAE,IAAI,CAAC,KAAK,CAAM;AACnD,QAAA,IAAI,KAAK;AACR,cAAEA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA,EAAE,IAAI;AACjB,cAAE,IAAI;AACP,QAAA,KAAK,KAAK;AACT,cAAEA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,oBAAoB,EAAA;AAAC,gBAAAA,cAAA,CAAA,aAAA,CAAC,uBAAuB,EAAA,EAAC,SAAS,EAAC,aAAa,EAAG,CAAA;;AAAC,gBAAAA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,IAAA,EAAE,KAAK,CAAkB;AAChI,cAAE,IAAI;QACP,IAAI,CAAC,WAAW,KAAK;AACpB,cAAEA,cAAC,CAAA,aAAA,CAAA,QAAQ,QAAE,IAAI,CAAC,WAAW;AAC7B,cAAE,IAAI,CACJ;AAEV;;;;"}
+{"version":3,"file":"FormHeader.js","sources":["../../../../../src/Form/Creator/FormHeader.tsx"],"sourcesContent":["import InlineMarkdown from '@/Form/Components/InlineMarkdown'\r\nimport type { IForm } from '@/library'\r\nimport { ExclamationTriangleIcon } from '@radix-ui/react-icons'\r\nimport React, { type ReactElement } from 'react'\r\nimport Markdown from 'react-markdown'\r\n\r\nconst FormHeader = ({\r\n  form, note, error\r\n\r\n}: {\r\n  form: IForm\r\n  note?: string\r\n  error?: string\r\n}): ReactElement => {\r\n  return (\r\n    <div className='flex flex-col gap-4'>\r\n      <h2 className='text-2xl font-bold'>{form.label}</h2>\r\n      {note !== undefined\r\n        ? <Markdown>{note}</Markdown>\r\n        : null}\r\n      {error !== undefined\r\n        ? <p className='pb-4 text-rose-800'><ExclamationTriangleIcon className='inline mr-2' /> <InlineMarkdown>{error}</InlineMarkdown></p>\r\n        : null}\r\n      {form.description !== undefined\r\n        ? <Markdown>{form.description}</Markdown>\r\n        : null}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default FormHeader\r\n"],"names":["React"],"mappings":";;;;;AAMM,IAAA,UAAU,GAAG,UAAC,EAOnB,EAAA;AANC,IAAA,IAAA,IAAI,UAAA,EAAE,IAAI,GAAA,EAAA,CAAA,IAAA,EAAE,KAAK,GAAA,EAAA,CAAA,KAAA;AAOjB,IAAA,QACEA,cAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,EAAA;AAClC,QAAAA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAI,SAAS,EAAC,oBAAoB,IAAE,IAAI,CAAC,KAAK,CAAM;AACnD,QAAA,IAAI,KAAK;AACR,cAAEA,cAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,IAAA,EAAE,IAAI;AACjB,cAAE,IAAI;AACP,QAAA,KAAK,KAAK;AACT,cAAEA,cAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,oBAAoB,EAAA;AAAC,gBAAAA,cAAA,CAAA,aAAA,CAAC,uBAAuB,EAAA,EAAC,SAAS,EAAC,aAAa,EAAG,CAAA;;AAAC,gBAAAA,cAAA,CAAA,aAAA,CAAC,cAAc,EAAA,IAAA,EAAE,KAAK,CAAkB;AAChI,cAAE,IAAI;QACP,IAAI,CAAC,WAAW,KAAK;AACpB,cAAEA,cAAC,CAAA,aAAA,CAAA,QAAQ,QAAE,IAAI,CAAC,WAAW;AAC7B,cAAE,IAAI,CACJ;AAEV;;;;"}

package/library/esm/src/Form/Creator/FormSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSection.js","sources":["../../../../../src/Form/Creator/FormSection.tsx"],"sourcesContent":["import { type IFieldInputProps, type IFormSection, type IValueChangeFn } from '@/Form/Creator/FormCreatorTypes'\nimport FormFields from '@/Form/Creator/FormFields'\nimport PageLayout from '@/Form/Creator/Page'\nimport WizardLayout from '@/Form/Creator/Wizard'\nimport React, { type ReactElement } from 'react'\n\nconst FormSection = ({\n  formSection,\n  onChange,\n  level = 0,\n  inputOverrides\n}: {\n  formSection?: IFormSection\n  onChange?: IValueChangeFn\n  level?: number\n  inputOverrides?: Record<string, React.FC<IFieldInputProps>>\n\n}): ReactElement => {\n  if (formSection === undefined) {\n    return <></>\n  }\n  const pages = (formSection?.pages ?? []).slice()\n  const fields = (formSection?.fields ?? []).slice()\n  const wizardSteps = (formSection?.wizard_steps ?? []).slice()\n  const hasPages = pages.length > 0\n  const hasFields = fields.length > 0\n  const hasWizardSteps = wizardSteps.length > 0\n  if (hasPages && hasFields) {\n    pages.unshift({\n      id: 'default',\n      label: 'Default',\n      fields\n    })\n  }\n  if ((hasPages || hasFields) && hasWizardSteps) {\n    wizardSteps.unshift({\n      id: 'default',\n      order: -10,\n      label: 'Default',\n      pages,\n      fields\n    })\n  }\n  return (\n        <>\n          {\n            hasWizardSteps\n              ? <WizardLayout sections={wizardSteps} onChange={onChange} level={level} />\n\n              : hasPages\n                ? <PageLayout sections={pages} onChange={onChange} level={level} />\n                : <FormFields fields={fields} onChange={onChange} />\n          }\n        </>\n  )\n}\n\nexport default FormSection\n"],"names":["React"],"mappings":";;;;;AAMM,IAAA,WAAW,GAAG,UAAC,EAWpB,EAAA;;AAVC,IAAA,IAAA,WAAW,GAAA,EAAA,CAAA,WAAA,CAAA,CACX,QAAQ,GAAA,EAAA,CAAA,QAAA,CACR,CAAA,EAAA,GAAA,EAAA,CAAA,KAAS,CAAT,CAAA,KAAK,GAAG,EAAA,KAAA,MAAA,GAAA,CAAC,GAAA,EAAA,CAAA,CACK,EAAA,CAAA;AAQd,IAAA,IAAI,WAAW,KAAK,SAAS,EAAE;AAC7B,QAAA,OAAOA,2DAAK;;AAEd,IAAA,IAAM,KAAK,GAAG,CAAC,CAAA,EAAA,GAAA,WAAW,aAAX,WAAW,KAAA,MAAA,GAAA,MAAA,GAAX,WAAW,CAAE,KAAK,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,EAAE,EAAE,KAAK,EAAE;AAChD,IAAA,IAAM,MAAM,GAAG,CAAC,CAAA,EAAA,GAAA,WAAW,aAAX,WAAW,KAAA,MAAA,GAAA,MAAA,GAAX,WAAW,CAAE,MAAM,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,EAAE,EAAE,KAAK,EAAE;AAClD,IAAA,IAAM,WAAW,GAAG,CAAC,CAAA,EAAA,GAAA,WAAW,aAAX,WAAW,KAAA,MAAA,GAAA,MAAA,GAAX,WAAW,CAAE,YAAY,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,EAAE,EAAE,KAAK,EAAE;AAC7D,IAAA,IAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC;AACjC,IAAA,IAAM,SAAS,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC;AACnC,IAAA,IAAM,cAAc,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC;AAC7C,IAAA,IAAI,QAAQ,IAAI,SAAS,EAAE;QACzB,KAAK,CAAC,OAAO,CAAC;AACZ,YAAA,EAAE,EAAE,SAAS;AACb,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,MAAM,EAAA;AACP,SAAA,CAAC;;IAEJ,IAAI,CAAC,QAAQ,IAAI,SAAS,KAAK,cAAc,EAAE;QAC7C,WAAW,CAAC,OAAO,CAAC;AAClB,YAAA,EAAE,EAAE,SAAS;YACb,KAAK,EAAE,GAAG;AACV,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,KAAK,EAAA,KAAA;AACL,YAAA,MAAM,EAAA;AACP,SAAA,CAAC;;IAEJ,QACMA,4DAEI;AACE,UAAEA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAI;AAE3E,UAAE;AACA,cAAEA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAI;AACnE,cAAEA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAI,CAAA,CAEzD;AAEX;;;;"}
+{"version":3,"file":"FormSection.js","sources":["../../../../../src/Form/Creator/FormSection.tsx"],"sourcesContent":["import { type IFieldInputProps, type IFormSection, type IValueChangeFn } from '@/Form/Creator/FormCreatorTypes'\r\nimport FormFields from '@/Form/Creator/FormFields'\r\nimport PageLayout from '@/Form/Creator/Page'\r\nimport WizardLayout from '@/Form/Creator/Wizard'\r\nimport React, { type ReactElement } from 'react'\r\n\r\nconst FormSection = ({\r\n  formSection,\r\n  onChange,\r\n  level = 0,\r\n  inputOverrides\r\n}: {\r\n  formSection?: IFormSection\r\n  onChange?: IValueChangeFn\r\n  level?: number\r\n  inputOverrides?: Record<string, React.FC<IFieldInputProps>>\r\n\r\n}): ReactElement => {\r\n  if (formSection === undefined) {\r\n    return <></>\r\n  }\r\n  const pages = (formSection?.pages ?? []).slice()\r\n  const fields = (formSection?.fields ?? []).slice()\r\n  const wizardSteps = (formSection?.wizard_steps ?? []).slice()\r\n  const hasPages = pages.length > 0\r\n  const hasFields = fields.length > 0\r\n  const hasWizardSteps = wizardSteps.length > 0\r\n  if (hasPages && hasFields) {\r\n    pages.unshift({\r\n      id: 'default',\r\n      label: 'Default',\r\n      fields\r\n    })\r\n  }\r\n  if ((hasPages || hasFields) && hasWizardSteps) {\r\n    wizardSteps.unshift({\r\n      id: 'default',\r\n      order: -10,\r\n      label: 'Default',\r\n      pages,\r\n      fields\r\n    })\r\n  }\r\n  return (\r\n        <>\r\n          {\r\n            hasWizardSteps\r\n              ? <WizardLayout sections={wizardSteps} onChange={onChange} level={level} />\r\n\r\n              : hasPages\r\n                ? <PageLayout sections={pages} onChange={onChange} level={level} />\r\n                : <FormFields fields={fields} onChange={onChange} />\r\n          }\r\n        </>\r\n  )\r\n}\r\n\r\nexport default FormSection\r\n"],"names":["React"],"mappings":";;;;;AAMM,IAAA,WAAW,GAAG,UAAC,EAWpB,EAAA;;AAVC,IAAA,IAAA,WAAW,GAAA,EAAA,CAAA,WAAA,CAAA,CACX,QAAQ,GAAA,EAAA,CAAA,QAAA,CACR,CAAA,EAAA,GAAA,EAAA,CAAA,KAAS,CAAT,CAAA,KAAK,GAAG,EAAA,KAAA,MAAA,GAAA,CAAC,GAAA,EAAA,CAAA,CACK,EAAA,CAAA;AAQd,IAAA,IAAI,WAAW,KAAK,SAAS,EAAE;AAC7B,QAAA,OAAOA,2DAAK;;AAEd,IAAA,IAAM,KAAK,GAAG,CAAC,CAAA,EAAA,GAAA,WAAW,aAAX,WAAW,KAAA,MAAA,GAAA,MAAA,GAAX,WAAW,CAAE,KAAK,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,EAAE,EAAE,KAAK,EAAE;AAChD,IAAA,IAAM,MAAM,GAAG,CAAC,CAAA,EAAA,GAAA,WAAW,aAAX,WAAW,KAAA,MAAA,GAAA,MAAA,GAAX,WAAW,CAAE,MAAM,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,EAAE,EAAE,KAAK,EAAE;AAClD,IAAA,IAAM,WAAW,GAAG,CAAC,CAAA,EAAA,GAAA,WAAW,aAAX,WAAW,KAAA,MAAA,GAAA,MAAA,GAAX,WAAW,CAAE,YAAY,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,EAAE,EAAE,KAAK,EAAE;AAC7D,IAAA,IAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC;AACjC,IAAA,IAAM,SAAS,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC;AACnC,IAAA,IAAM,cAAc,GAAG,WAAW,CAAC,MAAM,GAAG,CAAC;AAC7C,IAAA,IAAI,QAAQ,IAAI,SAAS,EAAE;QACzB,KAAK,CAAC,OAAO,CAAC;AACZ,YAAA,EAAE,EAAE,SAAS;AACb,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,MAAM,EAAA;AACP,SAAA,CAAC;;IAEJ,IAAI,CAAC,QAAQ,IAAI,SAAS,KAAK,cAAc,EAAE;QAC7C,WAAW,CAAC,OAAO,CAAC;AAClB,YAAA,EAAE,EAAE,SAAS;YACb,KAAK,EAAE,GAAG;AACV,YAAA,KAAK,EAAE,SAAS;AAChB,YAAA,KAAK,EAAA,KAAA;AACL,YAAA,MAAM,EAAA;AACP,SAAA,CAAC;;IAEJ,QACMA,4DAEI;AACE,UAAEA,cAAA,CAAA,aAAA,CAAC,YAAY,EAAA,EAAC,QAAQ,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAI;AAE3E,UAAE;AACA,cAAEA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAI;AACnE,cAAEA,cAAA,CAAA,aAAA,CAAC,UAAU,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAI,CAAA,CAEzD;AAEX;;;;"}

package/library/esm/src/Form/Creator/FormSectionContextProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSectionContextProvider.js","sources":["../../../../../src/Form/Creator/FormSectionContextProvider.tsx"],"sourcesContent":["import React, { createContext, type PropsWithChildren, type ReactElement, useMemo, useState } from 'react'\n\nexport interface IFormSectionContextValue {\n  activeId?: string\n  setActiveId: (v: string | undefined) => void\n  path: string\n}\nexport const FormSectionContext = createContext<IFormSectionContextValue>({\n  path: '',\n  setActiveId: () => {}\n})\nexport const FormSectionContextProvider = (props: PropsWithChildren & { id?: string, path?: string }): ReactElement => {\n  const [activeId, setActiveId] = useState<string | undefined>(props.id)\n  useMemo(() => {\n    setActiveId(props.id)\n  }, [props.id])\n  return (\n    <FormSectionContext.Provider value={{ activeId, setActiveId, path: props.path ?? '' }}>\n      {props.children}\n    </FormSectionContext.Provider>\n  )\n}\n\nexport const useFormSectionContext = (): IFormSectionContextValue => {\n  const ctx = React.useContext(FormSectionContext)\n  if (!ctx) throw new Error('useFormSectionContext must be used within FormSectionContextProvider')\n  return ctx\n}\n"],"names":["React"],"mappings":";;AAOO,IAAM,kBAAkB,GAAG,aAAa,CAA2B;AACxE,IAAA,IAAI,EAAE,EAAE;IACR,WAAW,EAAE;AACd,CAAA;AACM,IAAM,0BAA0B,GAAG,UAAC,KAAyD,EAAA;;AAC5F,IAAA,IAAA,EAA0B,GAAA,QAAQ,CAAqB,KAAK,CAAC,EAAE,CAAC,EAA/D,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,WAAW,QAA0C;AACtE,IAAA,OAAO,CAAC,YAAA;AACN,QAAA,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;AACvB,KAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;AACd,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,kBAAkB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAA,QAAA,EAAE,WAAW,EAAA,WAAA,EAAE,IAAI,EAAE,CAAA,EAAA,GAAA,KAAK,CAAC,IAAI,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,EAAE,EAAE,EAAA,EAClF,KAAK,CAAC,QAAQ,CACa;AAElC;AAEa,IAAA,qBAAqB,GAAG,YAAA;IACnC,IAAM,GAAG,GAAGA,cAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC;AAChD,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,MAAM,IAAI,KAAK,CAAC,sEAAsE,CAAC;AACjG,IAAA,OAAO,GAAG;AACZ;;;;"}
+{"version":3,"file":"FormSectionContextProvider.js","sources":["../../../../../src/Form/Creator/FormSectionContextProvider.tsx"],"sourcesContent":["import React, { createContext, type PropsWithChildren, type ReactElement, useMemo, useState } from 'react'\r\n\r\nexport interface IFormSectionContextValue {\r\n  activeId?: string\r\n  setActiveId: (v: string | undefined) => void\r\n  path: string\r\n}\r\nexport const FormSectionContext = createContext<IFormSectionContextValue>({\r\n  path: '',\r\n  setActiveId: () => {}\r\n})\r\nexport const FormSectionContextProvider = (props: PropsWithChildren & { id?: string, path?: string }): ReactElement => {\r\n  const [activeId, setActiveId] = useState<string | undefined>(props.id)\r\n  useMemo(() => {\r\n    setActiveId(props.id)\r\n  }, [props.id])\r\n  return (\r\n    <FormSectionContext.Provider value={{ activeId, setActiveId, path: props.path ?? '' }}>\r\n      {props.children}\r\n    </FormSectionContext.Provider>\r\n  )\r\n}\r\n\r\nexport const useFormSectionContext = (): IFormSectionContextValue => {\r\n  const ctx = React.useContext(FormSectionContext)\r\n  if (!ctx) throw new Error('useFormSectionContext must be used within FormSectionContextProvider')\r\n  return ctx\r\n}\r\n"],"names":["React"],"mappings":";;AAOO,IAAM,kBAAkB,GAAG,aAAa,CAA2B;AACxE,IAAA,IAAI,EAAE,EAAE;IACR,WAAW,EAAE;AACd,CAAA;AACM,IAAM,0BAA0B,GAAG,UAAC,KAAyD,EAAA;;AAC5F,IAAA,IAAA,EAA0B,GAAA,QAAQ,CAAqB,KAAK,CAAC,EAAE,CAAC,EAA/D,QAAQ,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,WAAW,QAA0C;AACtE,IAAA,OAAO,CAAC,YAAA;AACN,QAAA,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;AACvB,KAAC,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;AACd,IAAA,QACEA,cAAA,CAAA,aAAA,CAAC,kBAAkB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAA,QAAA,EAAE,WAAW,EAAA,WAAA,EAAE,IAAI,EAAE,CAAA,EAAA,GAAA,KAAK,CAAC,IAAI,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,EAAE,EAAE,EAAA,EAClF,KAAK,CAAC,QAAQ,CACa;AAElC;AAEa,IAAA,qBAAqB,GAAG,YAAA;IACnC,IAAM,GAAG,GAAGA,cAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC;AAChD,IAAA,IAAI,CAAC,GAAG;AAAE,QAAA,MAAM,IAAI,KAAK,CAAC,sEAAsE,CAAC;AACjG,IAAA,OAAO,GAAG;AACZ;;;;"}

package/library/esm/src/Form/Creator/NavElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavElement.js","sources":["../../../../../src/Form/Creator/NavElement.tsx"],"sourcesContent":["import { Button, utils } from '@axdspub/axiom-ui-utilities'\nimport React, { type ReactElement, type ReactNode } from 'react'\nimport { Link } from 'react-router-dom'\n\nconst NavElement = ({\n  className,\n  children,\n  path,\n  id,\n  navigable = true,\n  onClick\n}: {\n  className?: string\n  navigable?: boolean\n  children: ReactNode\n  path: string\n  id: string\n  onClick?: () => void\n}): ReactElement => {\n  return (\n    navigable\n      ? <Link to={`${path !== '' ? `${path}/` : ''}${id}`} className={utils.createButtonClass({\n        className\n      })}>{children}</Link>\n      : <Button className={className} onClick={onClick}>{children}</Button>\n\n  )\n}\n\nexport default NavElement\n"],"names":["React","utils"],"mappings":";;;;AAIM,IAAA,UAAU,GAAG,UAAC,EAcnB,EAAA;AAbC,IAAA,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,EAAA,GAAA,EAAA,CAAA,SAAgB,EAAhB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EAChB,OAAO,GAAA,EAAA,CAAA,OAAA;AASP,IAAA,QACE;AACE,UAAEA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAG,CAAA,MAAA,CAAA,IAAI,KAAK,EAAE,GAAG,EAAA,CAAA,MAAA,CAAG,IAAI,EAAA,GAAA,CAAG,GAAG,EAAE,CAAG,CAAA,MAAA,CAAA,EAAE,CAAE,EAAE,SAAS,EAAEC,OAAK,CAAC,iBAAiB,CAAC;AACtF,gBAAA,SAAS,EAAA;aACV,CAAC,EAAA,EAAG,QAAQ;AACb,UAAED,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAA,EAAG,QAAQ,CAAU;AAG3E;;;;"}
+{"version":3,"file":"NavElement.js","sources":["../../../../../src/Form/Creator/NavElement.tsx"],"sourcesContent":["import { Button, utils } from '@axdspub/axiom-ui-utilities'\r\nimport React, { type ReactElement, type ReactNode } from 'react'\r\nimport { Link } from 'react-router-dom'\r\n\r\nconst NavElement = ({\r\n  className,\r\n  children,\r\n  path,\r\n  id,\r\n  navigable = true,\r\n  onClick\r\n}: {\r\n  className?: string\r\n  overrideClassName?: string\r\n  navigable?: boolean\r\n  children: ReactNode\r\n  path: string\r\n  id: string\r\n  onClick?: () => void\r\n}): ReactElement => {\r\n  return (\r\n    navigable\r\n      ? <Link to={`${path !== '' ? `${path}/` : ''}${id}`} className={utils.createButtonClass({\r\n        className\r\n      })}>{children}</Link>\r\n      : <Button className={className} onClick={onClick}>{children}</Button>\r\n\r\n  )\r\n}\r\n\r\nexport default NavElement\r\n"],"names":["React","utils"],"mappings":";;;;AAIM,IAAA,UAAU,GAAG,UAAC,EAenB,EAAA;AAdC,IAAA,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,EAAE,QAAA,EACF,EAAA,GAAA,EAAA,CAAA,SAAgB,EAAhB,SAAS,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EAChB,OAAO,GAAA,EAAA,CAAA,OAAA;AAUP,IAAA,QACE;AACE,UAAEA,cAAA,CAAA,aAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAG,CAAA,MAAA,CAAA,IAAI,KAAK,EAAE,GAAG,EAAA,CAAA,MAAA,CAAG,IAAI,EAAA,GAAA,CAAG,GAAG,EAAE,CAAG,CAAA,MAAA,CAAA,EAAE,CAAE,EAAE,SAAS,EAAEC,OAAK,CAAC,iBAAiB,CAAC;AACtF,gBAAA,SAAS,EAAA;aACV,CAAC,EAAA,EAAG,QAAQ;AACb,UAAED,cAAA,CAAA,aAAA,CAAC,MAAM,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAA,EAAG,QAAQ,CAAU;AAG3E;;;;"}

package/library/esm/src/Form/Creator/Page.js

@@ -3,22 +3,58 @@ import { FormSectionContextProvider, useFormSectionContext } from './FormSection
 import FormSection from './FormSection.js';
 import NavElement from './NavElement.js';
 import { calculateSectionStatus } from '../../utils/validators.js';
-import { InfoCircledIcon } from '../../../node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
-import React__default from 'react';
+import { InfoCircledIcon, Cross2Icon, DropdownMenuIcon } from '../../../node_modules/@radix-ui/react-icons/dist/react-icons.esm.js';
+import React__default, { useState, useEffect } from 'react';
 import { useFormContext } from './FormContextProvider.js';
 import InlineMarkdown from '../Components/InlineMarkdown.js';
+import layoutAtom from '../../utils/responsive/layoutState.js';
+import { Button } from '../../../node_modules/@axdspub/axiom-ui-utilities/library/index.js';
 import { useParams } from '../../../node_modules/react-router/dist/development/chunk-HA7DTUK3.js';
+import { useAtom } from '../../../node_modules/jotai/esm/react.js';
 
 var PageNav = function (_a) {
-    var sections = _a.sections; _a.level;
+    var sections = _a.sections, level = _a.level;
+    var layout = useAtom(layoutAtom)[0];
     var urlNavigable = useFormContext().urlNavigable;
     var _b = useFormSectionContext(), activeId = _b.activeId, setActiveId = _b.setActiveId, path = _b.path;
-    return (React__default.createElement("div", { className: 'flex flex-col  w-[200px]  border-slate-200' }, sections === null || sections === void 0 ? void 0 : sections.map(function (p) {
-        return (React__default.createElement(NavElement, { key: p.id, path: path, id: p.id, navigable: urlNavigable !== null && urlNavigable !== void 0 ? urlNavigable : true, onClick: function () { setActiveId(p.id); }, className: "border-none rounded-none bg-slate-100 text-sm font-normal text-left ".concat(activeId === p.id ? 'bg-slate-700 text-white' : 'hover:bg-slate-200') }, p.label));
-    })));
+    return (layout.size === 'sm' || layout.size === 'md'
+        ? React__default.createElement(PageNavMobile, { sections: sections, level: level })
+        : React__default.createElement("div", { className: 'flex flex-col w-[200px]  border-slate-200' }, sections === null || sections === void 0 ? void 0 : sections.map(function (p) {
+            return (React__default.createElement(NavElement, { key: p.id, path: path, id: p.id, navigable: urlNavigable !== null && urlNavigable !== void 0 ? urlNavigable : true, onClick: function () { setActiveId(p.id); }, className: "border-none rounded-none bg-slate-100 text-sm font-normal text-left ".concat(activeId === p.id ? 'bg-slate-700 text-white' : 'hover:bg-slate-200') }, p.label));
+        })));
+};
+var PageNavMobile = function (_a) {
+    var sections = _a.sections; _a.level;
+    var _b = useState(false), active = _b[0], setActive = _b[1];
+    var _c = useFormSectionContext(), activeId = _c.activeId, setActiveId = _c.setActiveId, path = _c.path;
+    var urlNavigable = useFormContext().urlNavigable;
+    useEffect(function () {
+        setActive(false);
+    }, [activeId]);
+    return React__default.createElement("div", { className: 'relative' },
+        React__default.createElement(Button, { type: 'default', size: 'sm', className: 'bg-none  border-none p-2', onClick: function () {
+                setActive(!active);
+            } },
+            React__default.createElement("div", { className: '-mr-6 -ml-2' }, active
+                ? React__default.createElement(Cross2Icon, { className: 'inline' })
+                : React__default.createElement(DropdownMenuIcon, { className: 'inline w-8 h-8 rotate-180' }))),
+        active
+            ? React__default.createElement(React__default.Fragment, null,
+                React__default.createElement("div", { className: 'bg-slate-400 bg-opacity-40 fixed top-0 left-0 right-0 bottom-0 z-40', onClick: function () { setActive(false); } }),
+                React__default.createElement("div", { className: 'fixed left-0 top-0 bottom-0 flex flex-col bg-white z-50 w-[60%] gap-2 p-4 shadow-lg animate-slide-in' },
+                    React__default.createElement("div", null,
+                        React__default.createElement(DropdownMenuIcon, { className: 'float-left cursor-pointer w-8 h-8', onClick: function () { setActive(false); } }),
+                        React__default.createElement(Cross2Icon, { className: 'cursor-pointer w-6 h-6 float-right', onClick: function () { setActive(false); } })), sections === null || sections === void 0 ? void 0 :
+                    sections.map(function (p) {
+                        return (React__default.createElement(NavElement, { key: p.id, path: path, id: p.id, navigable: urlNavigable !== null && urlNavigable !== void 0 ? urlNavigable : true, onClick: function () { setActiveId(p.id); }, className: "border-none rounded-none bg-slate-100 text-sm font-normal text-left ".concat(activeId === p.id ? 'bg-slate-700 text-white' : 'hover:bg-slate-200') }, p.label));
+                    })))
+            : React__default.createElement("div", { className: 'flex flex-col gap-2 mt-4' }, sections === null || sections === void 0 ? void 0 : sections.map(function (p) {
+                return (React__default.createElement(NavElement, { key: p.id, path: path, id: p.id, navigable: urlNavigable !== null && urlNavigable !== void 0 ? urlNavigable : true, onClick: function () { setActiveId(p.id); }, className: 'p-2 text-center border-none' },
+                    React__default.createElement("span", { className: "block w-4 h-4 rounded-full ".concat(activeId === p.id ? 'bg-black' : 'bg-white border-2 border-slate-400') }, "\u00A0")));
+            })));
 };
 var ActivePage = function (_a) {
-    var formSection = _a.formSection, onChange = _a.onChange, _b = _a.className, className = _b === void 0 ? 'flex flex-col gap-2 flex-grow' : _b, level = _a.level;
+    var formSection = _a.formSection, onChange = _a.onChange, _b = _a.className, className = _b === void 0 ? 'flex flex-col gap-2 flex-grow h-full' : _b, level = _a.level;
     return (React__default.createElement("div", { className: className },
         (formSection === null || formSection === void 0 ? void 0 : formSection.description) !== undefined
             ? React__default.createElement("p", { className: ' text-sm' },
@@ -44,7 +80,7 @@ var PageLayout = function (props) {
 };
 var PageLayoutContent = function (_a) {
     var _b;
-    var sections = _a.sections, onChange = _a.onChange; _a.inputOverrides; var _c = _a.ContentComponent, ContentComponent = _c === void 0 ? ActivePage : _c, _d = _a.NavComponent, NavComponent = _d === void 0 ? PageNav : _d, _e = _a.className, className = _e === void 0 ? 'flex flex-row gap-8' : _e, level = _a.level;
+    var sections = _a.sections, onChange = _a.onChange; _a.inputOverrides; var _c = _a.ContentComponent, ContentComponent = _c === void 0 ? ActivePage : _c, _d = _a.NavComponent, NavComponent = _d === void 0 ? PageNav : _d, _e = _a.className, className = _e === void 0 ? 'flex flex-row gap-8 flex-grow' : _e, level = _a.level;
     if (sections === undefined) {
         return React__default.createElement(React__default.Fragment, null);
     }

package/library/esm/src/Form/Creator/Page.js.map

@@ -1 +1 @@
-{"version":3,"file":"Page.js","sources":["../../../../../src/Form/Creator/Page.tsx"],"sourcesContent":["import { FormSectionContextProvider, useFormSectionContext } from '@/Form/Creator/FormSectionContextProvider'\nimport { type IFormSectionStatus } from '@/Form/Creator/FormCreator'\nimport { type IFormSection, type IValueChangeFn, type IFieldInputProps } from '@/Form/Creator/FormCreatorTypes'\nimport FormSection from '@/Form/Creator/FormSection'\nimport NavElement from '@/Form/Creator/NavElement'\nimport { calculateSectionStatus } from '@/utils/validators'\nimport { InfoCircledIcon } from '@radix-ui/react-icons'\nimport React, { type ReactElement } from 'react'\nimport { useParams } from 'react-router-dom'\nimport { useFormContext } from '@/Form/Creator/FormContextProvider'\nimport InlineMarkdown from '@/Form/Components/InlineMarkdown'\n\nconst PageNav = ({\n  sections,\n  level\n}: {\n  sections?: IFormSection[]\n  level: number\n}): ReactElement => {\n  const { urlNavigable } = useFormContext()\n  const { activeId, setActiveId, path } = useFormSectionContext()\n  return (\n      <div className='flex flex-col  w-[200px]  border-slate-200'>{\n        sections?.map(p => {\n          return (\n            <NavElement\n              key={p.id}\n              path={path}\n              id={p.id}\n              navigable={urlNavigable ?? true}\n              onClick={() => { setActiveId(p.id) }}\n              className={ `border-none rounded-none bg-slate-100 text-sm font-normal text-left ${activeId === p.id ? 'bg-slate-700 text-white' : 'hover:bg-slate-200'}`}\n            >{p.label}</NavElement>\n          )\n        })\n      }</div>\n  )\n}\n\nexport interface IPageLayoutProps {\n  sections?: IFormSection[]\n  onChange?: IValueChangeFn\n  level: number\n  ContentComponent?: React.FC<{\n    level: number\n    formSection?: IFormSection\n    onChange?: IValueChangeFn\n    sectionStatus: IFormSectionStatus\n  }>\n  NavComponent?: React.FC<{\n    sections?: IFormSection[]\n    sectionStatus: IFormSectionStatus\n    level: number\n  }>\n  className?: string\n  inputOverrides?: Record<string, React.FC<IFieldInputProps>>\n}\n\nexport const ActivePage = ({\n  formSection,\n  onChange,\n  className = 'flex flex-col gap-2 flex-grow',\n  level\n}: {\n  formSection?: IFormSection\n  onChange?: IValueChangeFn\n  className?: string\n  level: number\n}): ReactElement => {\n  return (\n      <div className={className}>\n              {\n          formSection?.description !== undefined\n            ? <p className=' text-sm'><InfoCircledIcon className='inline -mt-1' /> <InlineMarkdown>{formSection.description}</InlineMarkdown></p>\n            : ''\n        }\n        <FormSection formSection={formSection} onChange={onChange} level={level + 1} />\n      </div>\n  )\n}\n\nconst PageLayout = (props: IPageLayoutProps): ReactElement => {\n  if (props.sections === undefined) {\n    return <></>\n  }\n  const { urlNavigable } = useFormContext()\n  const params = (useParams()['*'] ?? '').split('/')\n  const path = params.slice(0, props.level).join('/')\n  const id = urlNavigable\n    ? (params[props.level] && params[props.level] !== '') ? params[props.level] : (props.sections[0]?.id ?? null)\n    : props.sections[0]?.id ?? null\n\n  return (\n    <FormSectionContextProvider path={path} id={id}>\n      <PageLayoutContent {...props} />\n    </FormSectionContextProvider>\n  )\n}\n\nconst PageLayoutContent = ({\n\n  sections,\n  onChange,\n  inputOverrides,\n  ContentComponent = ActivePage,\n  NavComponent = PageNav,\n  className = 'flex flex-row gap-8',\n  level\n}: IPageLayoutProps): ReactElement => {\n  if (sections === undefined) {\n    return <></>\n  }\n\n  const { setFormValues, formValues } = useFormContext()\n  const sectionStatus = calculateSectionStatus(sections, [formValues, setFormValues])\n  const { activeId } = useFormSectionContext()\n  const formSection = sections?.find(s => s.id === activeId) ?? sections?.[0]\n\n  return (\n\n        <div className={className}>\n          <NavComponent\n            sections={sections}\n            sectionStatus={sectionStatus}\n            level={level}\n            />\n          <ContentComponent\n            formSection={formSection}\n            onChange={onChange}\n            sectionStatus={sectionStatus}\n            level={level}\n            />\n        </div>\n  )\n}\n\nexport default PageLayout\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"Page.js","sources":["../../../../../src/Form/Creator/Page.tsx"],"sourcesContent":["import { FormSectionContextProvider, useFormSectionContext } from '@/Form/Creator/FormSectionContextProvider'\r\nimport { type IFormSectionStatus } from '@/Form/Creator/FormCreator'\r\nimport { type IFormSection, type IValueChangeFn, type IFieldInputProps } from '@/Form/Creator/FormCreatorTypes'\r\nimport FormSection from '@/Form/Creator/FormSection'\r\nimport NavElement from '@/Form/Creator/NavElement'\r\nimport { calculateSectionStatus } from '@/utils/validators'\r\nimport { Cross2Icon, DropdownMenuIcon, InfoCircledIcon } from '@radix-ui/react-icons'\r\nimport React, { useEffect, useState, type ReactElement } from 'react'\r\nimport { useParams } from 'react-router-dom'\r\nimport { useFormContext } from '@/Form/Creator/FormContextProvider'\r\nimport InlineMarkdown from '@/Form/Components/InlineMarkdown'\r\nimport { useAtom } from 'jotai'\r\nimport layoutAtom from '@/utils/responsive/layoutState'\r\nimport { Button } from '@axdspub/axiom-ui-utilities'\r\n\r\nconst PageNav = ({\r\n  sections,\r\n  level\r\n}: {\r\n  sections?: IFormSection[]\r\n  level: number\r\n}): ReactElement => {\r\n  const [layout] = useAtom(layoutAtom)\r\n  const { urlNavigable } = useFormContext()\r\n  const { activeId, setActiveId, path } = useFormSectionContext()\r\n  return (\r\n    layout.size === 'sm' || layout.size === 'md'\r\n      ? <PageNavMobile sections={sections} level={level} />\r\n      : <div className='flex flex-col w-[200px]  border-slate-200'>{\r\n        sections?.map(p => {\r\n          return (\r\n            <NavElement\r\n              key={p.id}\r\n              path={path}\r\n              id={p.id}\r\n              navigable={urlNavigable ?? true}\r\n              onClick={() => { setActiveId(p.id) }}\r\n              className={ `border-none rounded-none bg-slate-100 text-sm font-normal text-left ${activeId === p.id ? 'bg-slate-700 text-white' : 'hover:bg-slate-200'}`}\r\n            >{p.label}</NavElement>\r\n          )\r\n        })\r\n      }</div>\r\n\r\n  )\r\n}\r\n\r\nconst PageNavMobile = ({\r\n  sections,\r\n  level\r\n}: {\r\n  sections?: IFormSection[]\r\n  level: number\r\n}): ReactElement => {\r\n  const [active, setActive] = useState(false)\r\n  const { activeId, setActiveId, path } = useFormSectionContext()\r\n  const { urlNavigable } = useFormContext()\r\n\r\n  useEffect(() => {\r\n    setActive(false)\r\n  }, [activeId])\r\n\r\n  return <div className='relative'><Button\r\n  type='default'\r\n  size='sm'\r\n  className='bg-none  border-none p-2'\r\n  onClick={() => {\r\n    setActive(!active)\r\n  }}\r\n  >\r\n    <div className='-mr-6 -ml-2'>{\r\n      active\r\n        ? <Cross2Icon className='inline' />\r\n        : <DropdownMenuIcon className='inline w-8 h-8 rotate-180' />\r\n    }\r\n    </div>\r\n  </Button>\r\n\r\n        {\r\n          active\r\n            ? <><div className='bg-slate-400 bg-opacity-40 fixed top-0 left-0 right-0 bottom-0 z-40' onClick={() => { setActive(false) }}></div>\r\n              <div className='fixed left-0 top-0 bottom-0 flex flex-col bg-white z-50 w-[60%] gap-2 p-4 shadow-lg animate-slide-in'>\r\n                <div>\r\n                  <DropdownMenuIcon className='float-left cursor-pointer w-8 h-8' onClick={() => { setActive(false) }} />\r\n                <Cross2Icon className='cursor-pointer w-6 h-6 float-right' onClick={() => { setActive(false) }} />\r\n                  </div>\r\n\r\n              {\r\n                sections?.map(p => {\r\n                  return (\r\n                    <NavElement\r\n                      key={p.id}\r\n                      path={path}\r\n                      id={p.id}\r\n                      navigable={urlNavigable ?? true}\r\n                      onClick={() => { setActiveId(p.id) }}\r\n                      className={ `border-none rounded-none bg-slate-100 text-sm font-normal text-left ${activeId === p.id ? 'bg-slate-700 text-white' : 'hover:bg-slate-200'}`}\r\n                    >{p.label}</NavElement>\r\n                  )\r\n                })\r\n              }\r\n              </div>\r\n              </>\r\n            : <div className='flex flex-col gap-2 mt-4'>\r\n                {\r\n                  sections?.map(p => {\r\n                    return (\r\n                      <NavElement\r\n                      key={p.id}\r\n                      path={path}\r\n                      id={p.id}\r\n                      navigable={urlNavigable ?? true}\r\n                      onClick={() => { setActiveId(p.id) }}\r\n                      className={'p-2 text-center border-none'}\r\n                    ><span className={`block w-4 h-4 rounded-full ${activeId === p.id ? 'bg-black' : 'bg-white border-2 border-slate-400'}`}>&nbsp;</span></NavElement>\r\n                    )\r\n                  })\r\n                }\r\n\r\n              </div>\r\n        }\r\n      </div>\r\n}\r\n\r\nexport interface INavProps {\r\n  sections: IFormSection[]\r\n  sectionStatus: IFormSectionStatus\r\n  level: number\r\n}\r\n\r\nexport interface IPageLayoutProps {\r\n  sections?: IFormSection[]\r\n  onChange?: IValueChangeFn\r\n  level: number\r\n  ContentComponent?: React.FC<{\r\n    level: number\r\n    formSection?: IFormSection\r\n    onChange?: IValueChangeFn\r\n    sectionStatus: IFormSectionStatus\r\n  }>\r\n  NavComponent?: React.FC<INavProps>\r\n  className?: string\r\n  inputOverrides?: Record<string, React.FC<IFieldInputProps>>\r\n}\r\n\r\nexport const ActivePage = ({\r\n  formSection,\r\n  onChange,\r\n  className = 'flex flex-col gap-2 flex-grow h-full',\r\n  level\r\n}: {\r\n  formSection?: IFormSection\r\n  onChange?: IValueChangeFn\r\n  className?: string\r\n  level: number\r\n}): ReactElement => {\r\n  return (\r\n      <div className={className}>\r\n              {\r\n          formSection?.description !== undefined\r\n            ? <p className=' text-sm'><InfoCircledIcon className='inline -mt-1' /> <InlineMarkdown>{formSection.description}</InlineMarkdown></p>\r\n            : ''\r\n        }\r\n        <FormSection formSection={formSection} onChange={onChange} level={level + 1} />\r\n      </div>\r\n  )\r\n}\r\n\r\nconst PageLayout = (props: IPageLayoutProps): ReactElement => {\r\n  if (props.sections === undefined) {\r\n    return <></>\r\n  }\r\n  const { urlNavigable } = useFormContext()\r\n  const params = (useParams()['*'] ?? '').split('/')\r\n  const path = params.slice(0, props.level).join('/')\r\n  const id = urlNavigable\r\n    ? (params[props.level] && params[props.level] !== '') ? params[props.level] : (props.sections[0]?.id ?? null)\r\n    : props.sections[0]?.id ?? null\r\n\r\n  return (\r\n    <FormSectionContextProvider path={path} id={id}>\r\n      <PageLayoutContent {...props} />\r\n    </FormSectionContextProvider>\r\n  )\r\n}\r\n\r\nconst PageLayoutContent = ({\r\n\r\n  sections,\r\n  onChange,\r\n  inputOverrides,\r\n  ContentComponent = ActivePage,\r\n  NavComponent = PageNav,\r\n  className = 'flex flex-row gap-8 flex-grow',\r\n  level\r\n}: IPageLayoutProps): ReactElement => {\r\n  if (sections === undefined) {\r\n    return <></>\r\n  }\r\n\r\n  const { setFormValues, formValues } = useFormContext()\r\n  const sectionStatus = calculateSectionStatus(sections, [formValues, setFormValues])\r\n  const { activeId } = useFormSectionContext()\r\n  const formSection = sections?.find(s => s.id === activeId) ?? sections?.[0]\r\n\r\n  return (\r\n\r\n        <div className={className}>\r\n          <NavComponent\r\n            sections={sections}\r\n            sectionStatus={sectionStatus}\r\n            level={level}\r\n            />\r\n          <ContentComponent\r\n            formSection={formSection}\r\n            onChange={onChange}\r\n            sectionStatus={sectionStatus}\r\n            level={level}\r\n            />\r\n        </div>\r\n  )\r\n}\r\n\r\nexport default PageLayout\r\n"],"names":["React"],"mappings":"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"}