@wix/patterns-fields 1.74.0 → 1.75.0

package/dist/cjs/components/text/form-short-text-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FormShortTextInput","data","onChange","onBlur","readOnly","autoFocus","invalid","dataHook","options","required","placeholder","emptyStateMessage","inputRef","searchValue","setSearchValue","useState","selectedOption","find","option","id","selectedId","displayValue","value","dropdownOptions","useMemo","source","filter","toLowerCase","includes","map","listItemSelectBuilder","title","selected","handleSelect","useCallback","String","undefined","handleSearch","event","target","handleBlur","length","createElement","Input","status","__self","__source","fileName","lineNumber","columnNumber","AutoComplete","onSelect","onClear","disabled","clearButton","exports","displayName"],"sources":["../../../../src/components/text/form-short-text-input.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport {\n  AutoComplete,\n  Input,\n  listItemSelectBuilder,\n  type DropdownLayoutValueOption,\n} from '@wix/design-system';\n\nimport type { ControlledInputProps } from '../../types/controlled-input';\n\nexport interface FormShortTextOption {\n  id: string;\n  value: string;\n}\n\nexport interface FormShortTextInputProps extends ControlledInputProps<string> {\n  options?: FormShortTextOption[];\n  required?: boolean;\n  placeholder?: string;\n  emptyStateMessage?: string;\n  inputRef?: React.Ref<HTMLInputElement>;\n}\n\nexport const FormShortTextInput: React.FC<FormShortTextInputProps> = ({\n  data,\n  onChange,\n  onBlur,\n  readOnly,\n  autoFocus,\n  invalid,\n  dataHook,\n  options,\n  required,\n  placeholder,\n  emptyStateMessage,\n  inputRef,\n}) => {\n  const [searchValue, setSearchValue] = useState<string>();\n  const selectedOption = options?.find((option) => option.id === data);\n  const selectedId = selectedOption?.id;\n  const displayValue = searchValue ?? selectedOption?.value ?? data;\n\n  const dropdownOptions = useMemo(() => {\n    const source = searchValue\n      ? options?.filter((option) =>\n          option.value.toLowerCase().includes(searchValue.toLowerCase()),\n        )\n      : options;\n    return (source ?? []).map((option) =>\n      listItemSelectBuilder({\n        id: option.id,\n        title: option.value,\n        selected: option.id === selectedId,\n      }),\n    );\n  }, [options, searchValue, selectedId]);\n\n  const handleSelect = useCallback(\n    (option: DropdownLayoutValueOption) => {\n      onChange(String(option.id));\n      setSearchValue(undefined);\n    },\n    [onChange],\n  );\n\n  const handleSearch = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setSearchValue(event.target.value);\n      if (!event.target.value) {\n        onChange('');\n      }\n    },\n    [onChange],\n  );\n\n  const handleBlur = useCallback(() => {\n    setSearchValue(undefined);\n    onBlur?.();\n  }, [onBlur]);\n\n  if (!options?.length) {\n    return (\n      <Input\n        value={data}\n        onChange={(event) => onChange(event.target.value)}\n        onBlur={onBlur}\n        readOnly={readOnly}\n        autoFocus={autoFocus}\n        status={invalid ? 'error' : undefined}\n        inputRef={inputRef}\n        placeholder={placeholder}\n        dataHook={dataHook}\n      />\n    );\n  }\n\n  return (\n    <AutoComplete\n      value={displayValue}\n      selectedId={selectedId}\n      options={dropdownOptions}\n      onSelect={handleSelect}\n      onChange={handleSearch}\n      onClear={() => {\n        onChange('');\n        setSearchValue(undefined);\n      }}\n      onBlur={handleBlur}\n      disabled={readOnly}\n      autoFocus={autoFocus}\n      status={invalid ? 'error' : undefined}\n      clearButton={!required}\n      placeholder={placeholder}\n      emptyStateMessage={emptyStateMessage}\n      inputRef={inputRef}\n      dataHook={dataHook}\n    />\n  );\n};\n\nFormShortTextInput.displayName = 'FormShortTextInput';\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAK4B,IAAAE,YAAA;AAAA,SAAAH,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAiBrB,MAAMkB,kBAAqD,GAAGA,CAAC;EACpEC,IAAI;EACJC,QAAQ;EACRC,MAAM;EACNC,QAAQ;EACRC,SAAS;EACTC,OAAO;EACPC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC,WAAW;EACXC,iBAAiB;EACjBC;AACF,CAAC,KAAK;EACJ,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAAS,CAAC;EACxD,MAAMC,cAAc,GAAGR,OAAO,oBAAPA,OAAO,CAAES,IAAI,CAAEC,MAAM,IAAKA,MAAM,CAACC,EAAE,KAAKlB,IAAI,CAAC;EACpE,MAAMmB,UAAU,GAAGJ,cAAc,oBAAdA,cAAc,CAAEG,EAAE;EACrC,MAAME,YAAY,GAAGR,WAAW,KAAIG,cAAc,oBAAdA,cAAc,CAAEM,KAAK,KAAIrB,IAAI;EAEjE,MAAMsB,eAAe,GAAG,IAAAC,cAAO,EAAC,MAAM;IACpC,MAAMC,MAAM,GAAGZ,WAAW,GACtBL,OAAO,oBAAPA,OAAO,CAAEkB,MAAM,CAAER,MAAM,IACrBA,MAAM,CAACI,KAAK,CAACK,WAAW,CAAC,CAAC,CAACC,QAAQ,CAACf,WAAW,CAACc,WAAW,CAAC,CAAC,CAC/D,CAAC,GACDnB,OAAO;IACX,OAAO,CAACiB,MAAM,IAAI,EAAE,EAAEI,GAAG,CAAEX,MAAM,IAC/B,IAAAY,mCAAqB,EAAC;MACpBX,EAAE,EAAED,MAAM,CAACC,EAAE;MACbY,KAAK,EAAEb,MAAM,CAACI,KAAK;MACnBU,QAAQ,EAAEd,MAAM,CAACC,EAAE,KAAKC;IAC1B,CAAC,CACH,CAAC;EACH,CAAC,EAAE,CAACZ,OAAO,EAAEK,WAAW,EAAEO,UAAU,CAAC,CAAC;EAEtC,MAAMa,YAAY,GAAG,IAAAC,kBAAW,EAC7BhB,MAAiC,IAAK;IACrChB,QAAQ,CAACiC,MAAM,CAACjB,MAAM,CAACC,EAAE,CAAC,CAAC;IAC3BL,cAAc,CAACsB,SAAS,CAAC;EAC3B,CAAC,EACD,CAAClC,QAAQ,CACX,CAAC;EAED,MAAMmC,YAAY,GAAG,IAAAH,kBAAW,EAC7BI,KAA0C,IAAK;IAC9CxB,cAAc,CAACwB,KAAK,CAACC,MAAM,CAACjB,KAAK,CAAC;IAClC,IAAI,CAACgB,KAAK,CAACC,MAAM,CAACjB,KAAK,EAAE;MACvBpB,QAAQ,CAAC,EAAE,CAAC;IACd;EACF,CAAC,EACD,CAACA,QAAQ,CACX,CAAC;EAED,MAAMsC,UAAU,GAAG,IAAAN,kBAAW,EAAC,MAAM;IACnCpB,cAAc,CAACsB,SAAS,CAAC;IACzBjC,MAAM,YAANA,MAAM,CAAG,CAAC;EACZ,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,IAAI,EAACK,OAAO,YAAPA,OAAO,CAAEiC,MAAM,GAAE;IACpB,oBACEjE,MAAA,CAAAe,OAAA,CAAAmD,aAAA,CAAC/D,aAAA,CAAAgE,KAAK;MACJrB,KAAK,EAAErB,IAAK;MACZC,QAAQ,EAAGoC,KAAK,IAAKpC,QAAQ,CAACoC,KAAK,CAACC,MAAM,CAACjB,KAAK,CAAE;MAClDnB,MAAM,EAAEA,MAAO;MACfC,QAAQ,EAAEA,QAAS;MACnBC,SAAS,EAAEA,SAAU;MACrBuC,MAAM,EAAEtC,OAAO,GAAG,OAAO,GAAG8B,SAAU;MACtCxB,QAAQ,EAAEA,QAAS;MACnBF,WAAW,EAAEA,WAAY;MACzBH,QAAQ,EAAEA,QAAS;MAAAsC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAnE,YAAA;QAAAoE,UAAA;QAAAC,YAAA;MAAA;IAAA,CACpB,CAAC;EAEN;EAEA,oBACEzE,MAAA,CAAAe,OAAA,CAAAmD,aAAA,CAAC/D,aAAA,CAAAuE,YAAY;IACX5B,KAAK,EAAED,YAAa;IACpBD,UAAU,EAAEA,UAAW;IACvBZ,OAAO,EAAEe,eAAgB;IACzB4B,QAAQ,EAAElB,YAAa;IACvB/B,QAAQ,EAAEmC,YAAa;IACvBe,OAAO,EAAEA,CAAA,KAAM;MACblD,QAAQ,CAAC,EAAE,CAAC;MACZY,cAAc,CAACsB,SAAS,CAAC;IAC3B,CAAE;IACFjC,MAAM,EAAEqC,UAAW;IACnBa,QAAQ,EAAEjD,QAAS;IACnBC,SAAS,EAAEA,SAAU;IACrBuC,MAAM,EAAEtC,OAAO,GAAG,OAAO,GAAG8B,SAAU;IACtCkB,WAAW,EAAE,CAAC7C,QAAS;IACvBC,WAAW,EAAEA,WAAY;IACzBC,iBAAiB,EAAEA,iBAAkB;IACrCC,QAAQ,EAAEA,QAAS;IACnBL,QAAQ,EAAEA,QAAS;IAAAsC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAnE,YAAA;MAAAoE,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpB,CAAC;AAEN,CAAC;AAACM,OAAA,CAAAvD,kBAAA,GAAAA,kBAAA;AAEFA,kBAAkB,CAACwD,WAAW,GAAG,oBAAoB","ignoreList":[]}

package/dist/cjs/components/text/form-short-text.driver.js

@@ -18,6 +18,7 @@ function FormShortTextDriver(base, body, field) {
       return (labelEl == null ? void 0 : labelEl.textContent) ?? '';
     },
     getValue: async () => hasSpecificValues ? autocomplete.inputDriver.getValue() : input.getValue(),
+    getPlaceholder: async () => hasSpecificValues ? autocomplete.inputDriver.getPlaceholder() : input.getPlaceholder(),
     enterText: async value => hasSpecificValues ? autocomplete.inputDriver.enterText(value) : input.enterText(value),
     selectOption: id => {
       if (!hasSpecificValues) {

package/dist/cjs/components/text/form-short-text.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_baseDriver","FormShortTextDriver","base","body","field","_field$validation","formField","FormFieldUniDriver","inputBase","$","id","input","InputUniDriver","hasSpecificValues","validation","specificValues","length","autocomplete","AutoCompleteUniDriver","baseUniDriverFactory","getLabel","labelEl","textContent","getValue","inputDriver","enterText","value","selectOption","Error","driver","selectOptionById","blur","hasError","hasStatus","getErrorMessage","getStatusMessage","getCharCountLeft","getLengthLeft","isRequired"],"sources":["../../../../src/components/text/form-short-text.driver.ts"],"sourcesContent":["import type { Field } from '@wix/bex-core';\nimport { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  AutoCompleteUniDriver,\n  FormFieldUniDriver,\n  InputUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nimport { baseUniDriverFactory } from '../../testkit/base-driver';\n\nexport function FormShortTextDriver(\n  base: UniDriver,\n  body: UniDriver,\n  field: Field,\n) {\n  const formField = FormFieldUniDriver(base, body);\n  const inputBase = base.$(`[data-hook=\"short-text-${field.id}\"]`);\n  const input = InputUniDriver(inputBase, body);\n  const hasSpecificValues = !!field.validation?.specificValues?.length;\n  const autocomplete = AutoCompleteUniDriver(inputBase, body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    getLabel: async () => {\n      const labelEl = await formField.getLabel();\n      return labelEl?.textContent ?? '';\n    },\n    getValue: async () =>\n      hasSpecificValues\n        ? autocomplete.inputDriver.getValue()\n        : input.getValue(),\n    enterText: async (value: string) =>\n      hasSpecificValues\n        ? autocomplete.inputDriver.enterText(value)\n        : input.enterText(value),\n    selectOption: (id: string) => {\n      if (!hasSpecificValues) {\n        throw new Error(\n          'selectOption() requires a field with validation.specificValues',\n        );\n      }\n\n      return autocomplete.driver.selectOptionById(id);\n    },\n    blur: async () =>\n      hasSpecificValues ? autocomplete.inputDriver.blur() : input.blur(),\n    hasError: () => formField.hasStatus('error'),\n    getErrorMessage: () => formField.getStatusMessage(),\n    getCharCountLeft: () => formField.getLengthLeft(),\n    isRequired: () => formField.isRequired(),\n  };\n}\n"],"mappings":";;;;AAEA,IAAAA,UAAA,GAAAC,OAAA;AAMA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,mBAAmBA,CACjCC,IAAe,EACfC,IAAe,EACfC,KAAY,EACZ;EAAA,IAAAC,iBAAA;EACA,MAAMC,SAAS,GAAG,IAAAC,6BAAkB,EAACL,IAAI,EAAEC,IAAI,CAAC;EAChD,MAAMK,SAAS,GAAGN,IAAI,CAACO,CAAC,CAAC,0BAA0BL,KAAK,CAACM,EAAE,IAAI,CAAC;EAChE,MAAMC,KAAK,GAAG,IAAAC,yBAAc,EAACJ,SAAS,EAAEL,IAAI,CAAC;EAC7C,MAAMU,iBAAiB,GAAG,CAAC,GAAAR,iBAAA,GAACD,KAAK,CAACU,UAAU,cAAAT,iBAAA,GAAhBA,iBAAA,CAAkBU,cAAc,aAAhCV,iBAAA,CAAkCW,MAAM;EACpE,MAAMC,YAAY,GAAG,IAAAC,gCAAqB,EAACV,SAAS,EAAEL,IAAI,CAAC;EAE3D,OAAO;IACL,GAAG,IAAAgB,gCAAoB,EAACjB,IAAI,CAAC;IAC7BkB,QAAQ,EAAE,MAAAA,CAAA,KAAY;MACpB,MAAMC,OAAO,GAAG,MAAMf,SAAS,CAACc,QAAQ,CAAC,CAAC;MAC1C,OAAO,CAAAC,OAAO,oBAAPA,OAAO,CAAEC,WAAW,KAAI,EAAE;IACnC,CAAC;IACDC,QAAQ,EAAE,MAAAA,CAAA,KACRV,iBAAiB,GACbI,YAAY,CAACO,WAAW,CAACD,QAAQ,CAAC,CAAC,GACnCZ,KAAK,CAACY,QAAQ,CAAC,CAAC;IACtBE,SAAS,EAAE,MAAOC,KAAa,IAC7Bb,iBAAiB,GACbI,YAAY,CAACO,WAAW,CAACC,SAAS,CAACC,KAAK,CAAC,GACzCf,KAAK,CAACc,SAAS,CAACC,KAAK,CAAC;IAC5BC,YAAY,EAAGjB,EAAU,IAAK;MAC5B,IAAI,CAACG,iBAAiB,EAAE;QACtB,MAAM,IAAIe,KAAK,CACb,gEACF,CAAC;MACH;MAEA,OAAOX,YAAY,CAACY,MAAM,CAACC,gBAAgB,CAACpB,EAAE,CAAC;IACjD,CAAC;IACDqB,IAAI,EAAE,MAAAA,CAAA,KACJlB,iBAAiB,GAAGI,YAAY,CAACO,WAAW,CAACO,IAAI,CAAC,CAAC,GAAGpB,KAAK,CAACoB,IAAI,CAAC,CAAC;IACpEC,QAAQ,EAAEA,CAAA,KAAM1B,SAAS,CAAC2B,SAAS,CAAC,OAAO,CAAC;IAC5CC,eAAe,EAAEA,CAAA,KAAM5B,SAAS,CAAC6B,gBAAgB,CAAC,CAAC;IACnDC,gBAAgB,EAAEA,CAAA,KAAM9B,SAAS,CAAC+B,aAAa,CAAC,CAAC;IACjDC,UAAU,EAAEA,CAAA,KAAMhC,SAAS,CAACgC,UAAU,CAAC;EACzC,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_baseDriver","FormShortTextDriver","base","body","field","_field$validation","formField","FormFieldUniDriver","inputBase","$","id","input","InputUniDriver","hasSpecificValues","validation","specificValues","length","autocomplete","AutoCompleteUniDriver","baseUniDriverFactory","getLabel","labelEl","textContent","getValue","inputDriver","getPlaceholder","enterText","value","selectOption","Error","driver","selectOptionById","blur","hasError","hasStatus","getErrorMessage","getStatusMessage","getCharCountLeft","getLengthLeft","isRequired"],"sources":["../../../../src/components/text/form-short-text.driver.ts"],"sourcesContent":["import type { Field } from '@wix/bex-core';\nimport { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  AutoCompleteUniDriver,\n  FormFieldUniDriver,\n  InputUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nimport { baseUniDriverFactory } from '../../testkit/base-driver';\n\nexport function FormShortTextDriver(\n  base: UniDriver,\n  body: UniDriver,\n  field: Field,\n) {\n  const formField = FormFieldUniDriver(base, body);\n  const inputBase = base.$(`[data-hook=\"short-text-${field.id}\"]`);\n  const input = InputUniDriver(inputBase, body);\n  const hasSpecificValues = !!field.validation?.specificValues?.length;\n  const autocomplete = AutoCompleteUniDriver(inputBase, body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    getLabel: async () => {\n      const labelEl = await formField.getLabel();\n      return labelEl?.textContent ?? '';\n    },\n    getValue: async () =>\n      hasSpecificValues\n        ? autocomplete.inputDriver.getValue()\n        : input.getValue(),\n    getPlaceholder: async () =>\n      hasSpecificValues\n        ? autocomplete.inputDriver.getPlaceholder()\n        : input.getPlaceholder(),\n    enterText: async (value: string) =>\n      hasSpecificValues\n        ? autocomplete.inputDriver.enterText(value)\n        : input.enterText(value),\n    selectOption: (id: string) => {\n      if (!hasSpecificValues) {\n        throw new Error(\n          'selectOption() requires a field with validation.specificValues',\n        );\n      }\n\n      return autocomplete.driver.selectOptionById(id);\n    },\n    blur: async () =>\n      hasSpecificValues ? autocomplete.inputDriver.blur() : input.blur(),\n    hasError: () => formField.hasStatus('error'),\n    getErrorMessage: () => formField.getStatusMessage(),\n    getCharCountLeft: () => formField.getLengthLeft(),\n    isRequired: () => formField.isRequired(),\n  };\n}\n"],"mappings":";;;;AAEA,IAAAA,UAAA,GAAAC,OAAA;AAMA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,mBAAmBA,CACjCC,IAAe,EACfC,IAAe,EACfC,KAAY,EACZ;EAAA,IAAAC,iBAAA;EACA,MAAMC,SAAS,GAAG,IAAAC,6BAAkB,EAACL,IAAI,EAAEC,IAAI,CAAC;EAChD,MAAMK,SAAS,GAAGN,IAAI,CAACO,CAAC,CAAC,0BAA0BL,KAAK,CAACM,EAAE,IAAI,CAAC;EAChE,MAAMC,KAAK,GAAG,IAAAC,yBAAc,EAACJ,SAAS,EAAEL,IAAI,CAAC;EAC7C,MAAMU,iBAAiB,GAAG,CAAC,GAAAR,iBAAA,GAACD,KAAK,CAACU,UAAU,cAAAT,iBAAA,GAAhBA,iBAAA,CAAkBU,cAAc,aAAhCV,iBAAA,CAAkCW,MAAM;EACpE,MAAMC,YAAY,GAAG,IAAAC,gCAAqB,EAACV,SAAS,EAAEL,IAAI,CAAC;EAE3D,OAAO;IACL,GAAG,IAAAgB,gCAAoB,EAACjB,IAAI,CAAC;IAC7BkB,QAAQ,EAAE,MAAAA,CAAA,KAAY;MACpB,MAAMC,OAAO,GAAG,MAAMf,SAAS,CAACc,QAAQ,CAAC,CAAC;MAC1C,OAAO,CAAAC,OAAO,oBAAPA,OAAO,CAAEC,WAAW,KAAI,EAAE;IACnC,CAAC;IACDC,QAAQ,EAAE,MAAAA,CAAA,KACRV,iBAAiB,GACbI,YAAY,CAACO,WAAW,CAACD,QAAQ,CAAC,CAAC,GACnCZ,KAAK,CAACY,QAAQ,CAAC,CAAC;IACtBE,cAAc,EAAE,MAAAA,CAAA,KACdZ,iBAAiB,GACbI,YAAY,CAACO,WAAW,CAACC,cAAc,CAAC,CAAC,GACzCd,KAAK,CAACc,cAAc,CAAC,CAAC;IAC5BC,SAAS,EAAE,MAAOC,KAAa,IAC7Bd,iBAAiB,GACbI,YAAY,CAACO,WAAW,CAACE,SAAS,CAACC,KAAK,CAAC,GACzChB,KAAK,CAACe,SAAS,CAACC,KAAK,CAAC;IAC5BC,YAAY,EAAGlB,EAAU,IAAK;MAC5B,IAAI,CAACG,iBAAiB,EAAE;QACtB,MAAM,IAAIgB,KAAK,CACb,gEACF,CAAC;MACH;MAEA,OAAOZ,YAAY,CAACa,MAAM,CAACC,gBAAgB,CAACrB,EAAE,CAAC;IACjD,CAAC;IACDsB,IAAI,EAAE,MAAAA,CAAA,KACJnB,iBAAiB,GAAGI,YAAY,CAACO,WAAW,CAACQ,IAAI,CAAC,CAAC,GAAGrB,KAAK,CAACqB,IAAI,CAAC,CAAC;IACpEC,QAAQ,EAAEA,CAAA,KAAM3B,SAAS,CAAC4B,SAAS,CAAC,OAAO,CAAC;IAC5CC,eAAe,EAAEA,CAAA,KAAM7B,SAAS,CAAC8B,gBAAgB,CAAC,CAAC;IACnDC,gBAAgB,EAAEA,CAAA,KAAM/B,SAAS,CAACgC,aAAa,CAAC,CAAC;IACjDC,UAAU,EAAEA,CAAA,KAAMjC,SAAS,CAACiC,UAAU,CAAC;EACzC,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/text/form-short-text.js

@@ -1,19 +1,20 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.FormShortText = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
 var _mobxReactLite = require("mobx-react-lite");
 var _react2 = require("@wix/bex-core/react");
 var _form = require("@wix/bex-core/form");
 var _string = require("../../validations/string");
 var _useTranslations = require("../../hooks/use-translations");
+var _formShortTextInput = require("./form-short-text-input");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/text/form-short-text.tsx";
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const specificValuesMessage = displayName => `${displayName} must be one of the allowed values`;
 const _FormShortText = props => {
-  var _field$validation, _field$validation2, _controller$field$val, _field$validation4, _controller$fieldStat;
+  var _field$validation, _field$validation2, _controller$field$val, _field$validation4, _controller$fieldStat, _field$validation5;
   const {
     field,
     dataHook,
@@ -23,6 +24,9 @@ const _FormShortText = props => {
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
+  const {
+    t: tf
+  } = (0, _useTranslations.useTranslations)();
   const stringLengthRange = (_field$validation = field.validation) == null ? void 0 : _field$validation.stringLengthRange;
   const minLength = stringLengthRange == null ? void 0 : stringLengthRange.minLength;
   const maxLength = stringLengthRange == null ? void 0 : stringLengthRange.maxLength;
@@ -65,93 +69,27 @@ const _FormShortText = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 73,
+      lineNumber: 68,
       columnNumber: 5
     }
-  }, specificValues != null && specificValues.length ? /*#__PURE__*/_react.default.createElement(ShortTextSpecificValues, {
-    field: field,
-    controller: controller,
-    specificValues: specificValues,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 82,
-      columnNumber: 9
-    }
-  }) : /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
-    value: controller.field.value,
-    onChange: e => controller.field.onChange == null ? void 0 : controller.field.onChange(e.target.value),
+  }, /*#__PURE__*/_react.default.createElement(_formShortTextInput.FormShortTextInput, {
+    data: controller.field.value ?? '',
+    onChange: controller.field.onChange,
     onBlur: controller.field.onBlur,
-    dataHook: `short-text-${field.id}`,
-    ref: controller.field.ref,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 88,
-      columnNumber: 9
-    }
-  }));
-};
-const ShortTextSpecificValues = ({
-  field,
-  controller,
-  specificValues
-}) => {
-  var _field$validation5;
-  const {
-    t: tf
-  } = (0, _useTranslations.useTranslations)();
-  const [searchValue, setSearchValue] = (0, _react.useState)();
-  const selectedOption = specificValues.find(option => option.id === controller.field.value);
-  const selectedId = selectedOption ? selectedOption.id : undefined;
-  const displayValue = searchValue ?? (selectedOption == null ? void 0 : selectedOption.value) ?? controller.field.value ?? '';
-  const options = (0, _react.useMemo)(() => {
-    const source = searchValue ? specificValues.filter(option => option.value.toLowerCase().includes(searchValue.toLowerCase())) : specificValues;
-    return source.map(option => (0, _designSystem.listItemSelectBuilder)({
-      id: option.id,
-      title: option.value,
-      selected: option.id === selectedId
-    }));
-  }, [searchValue, specificValues, selectedId]);
-  const handleSelect = (0, _react.useCallback)(option => {
-    const id = String(option.id);
-    controller.field.onChange(id);
-    setSearchValue(undefined);
-  }, [controller.field]);
-  const handleSearch = (0, _react.useCallback)(e => {
-    setSearchValue(e.target.value);
-    if (!e.target.value) {
-      controller.field.onChange('');
-    }
-  }, [controller.field]);
-  const handleClear = (0, _react.useCallback)(() => {
-    controller.field.onChange('');
-    setSearchValue(undefined);
-  }, [controller.field]);
-  const handleBlur = (0, _react.useCallback)(() => {
-    setSearchValue(undefined);
-    controller.field.onBlur();
-  }, [controller.field]);
-  return /*#__PURE__*/_react.default.createElement(_designSystem.AutoComplete, {
-    value: displayValue,
-    selectedId: selectedId,
-    options: options,
-    onSelect: handleSelect,
-    onChange: handleSearch,
-    onClear: handleClear,
-    onBlur: handleBlur,
-    clearButton: !((_field$validation5 = field.validation) != null && _field$validation5.required),
-    placeholder: tf('auto-patterns.fields.select_placeholder'),
+    options: specificValues,
+    required: (_field$validation5 = field.validation) == null ? void 0 : _field$validation5.required,
+    invalid: Boolean(controller.fieldState.error),
+    placeholder: specificValues != null && specificValues.length ? tf('auto-patterns.fields.select_placeholder') : undefined,
     emptyStateMessage: tf('auto-patterns.fields.no_results_found'),
     inputRef: controller.field.ref,
     dataHook: `short-text-${field.id}`,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 167,
-      columnNumber: 5
+      lineNumber: 76,
+      columnNumber: 7
     }
-  });
+  }));
 };
 const FormShortText = exports.FormShortText = (0, _mobxReactLite.observer)(_FormShortText);
 //# sourceMappingURL=form-short-text.js.map

package/dist/cjs/components/text/form-short-text.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_react2","_form","_string","_useTranslations","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","specificValuesMessage","displayName","_FormShortText","props","_field$validation","_field$validation2","_controller$field$val","_field$validation4","_controller$fieldStat","field","dataHook","formControl","data","translate","useWixPatternsContainer","stringLengthRange","validation","minLength","maxLength","specificValues","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation3","required","isEmpty","isShorterThan","charMin","isLongerThan","charMax","length","some","option","charCount","undefined","createElement","FormField","label","status","fieldState","error","statusMessage","message","__self","__source","fileName","lineNumber","columnNumber","ShortTextSpecificValues","Input","onChange","target","onBlur","ref","_field$validation5","tf","useTranslations","searchValue","setSearchValue","useState","selectedOption","find","selectedId","displayValue","options","useMemo","source","filter","toLowerCase","includes","map","listItemSelectBuilder","title","selected","handleSelect","useCallback","String","handleSearch","handleClear","handleBlur","AutoComplete","onSelect","onClear","clearButton","placeholder","emptyStateMessage","inputRef","FormShortText","exports","observer"],"sources":["../../../../src/components/text/form-short-text.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from 'react';\nimport {\n  AutoComplete,\n  FormField,\n  Input,\n  listItemSelectBuilder,\n  type DropdownLayoutValueOption,\n} from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport type { Field, SpecificValue } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\n\nimport { BaseInputProps } from '../../types/base-input';\nimport { isEmpty, isLongerThan, isShorterThan } from '../../validations/string';\nimport { useTranslations } from '../../hooks/use-translations';\n\nexport interface FormShortTextProps extends BaseInputProps<string> {}\n\nconst specificValuesMessage = (displayName: string) =>\n  `${displayName} must be one of the allowed values`;\n\nconst _FormShortText = (props: FormShortTextProps) => {\n  const { field, dataHook, formControl, data } = props;\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const stringLengthRange = field.validation?.stringLengthRange;\n  const minLength = stringLengthRange?.minLength;\n  const maxLength = stringLengthRange?.maxLength;\n  const specificValues = field.validation?.specificValues;\n\n  const controller = useController({\n    name: field.id,\n    control: formControl,\n    defaultValue: data?.[field.id],\n    rules: {\n      validate: (value) => {\n        if (field.validation?.required && isEmpty(value)) {\n          return t('cairo.fieldValidation.requiredField');\n        }\n\n        if (value && minLength && isShorterThan(value, minLength)) {\n          return t('cairo.fieldValidation.minCharacter', {\n            charMin: minLength,\n          });\n        }\n\n        if (value && maxLength && isLongerThan(value, maxLength)) {\n          return t('cairo.fieldValidation.maxCharacter', {\n            charMax: maxLength,\n          });\n        }\n\n        if (\n          value &&\n          specificValues?.length &&\n          !specificValues.some((option) => option.id === value)\n        ) {\n          return specificValuesMessage(field.displayName);\n        }\n\n        return true;\n      },\n    },\n  });\n\n  const charCount = maxLength\n    ? maxLength - controller.field.value?.length\n    : undefined;\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      charCount={charCount}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n      dataHook={dataHook}\n    >\n      {specificValues?.length ? (\n        <ShortTextSpecificValues\n          field={field}\n          controller={controller}\n          specificValues={specificValues}\n        />\n      ) : (\n        <Input\n          value={controller.field.value}\n          onChange={(e) => controller.field.onChange?.(e.target.value)}\n          onBlur={controller.field.onBlur}\n          dataHook={`short-text-${field.id}`}\n          ref={controller.field.ref}\n        />\n      )}\n    </FormField>\n  );\n};\n\ntype ShortTextController = ReturnType<typeof useController>;\n\ninterface ShortTextSpecificValuesProps {\n  field: Field;\n  controller: ShortTextController;\n  specificValues: SpecificValue[];\n}\n\nconst ShortTextSpecificValues = ({\n  field,\n  controller,\n  specificValues,\n}: ShortTextSpecificValuesProps) => {\n  const { t: tf } = useTranslations();\n  const [searchValue, setSearchValue] = useState<string>();\n  const selectedOption = specificValues.find(\n    (option) => option.id === controller.field.value,\n  );\n  const selectedId = selectedOption ? selectedOption.id : undefined;\n  const displayValue =\n    searchValue ?? selectedOption?.value ?? controller.field.value ?? '';\n\n  const options = useMemo(() => {\n    const source = searchValue\n      ? specificValues.filter((option) =>\n          option.value.toLowerCase().includes(searchValue.toLowerCase()),\n        )\n      : specificValues;\n    return source.map((option) =>\n      listItemSelectBuilder({\n        id: option.id,\n        title: option.value,\n        selected: option.id === selectedId,\n      }),\n    );\n  }, [searchValue, specificValues, selectedId]);\n\n  const handleSelect = useCallback(\n    (option: DropdownLayoutValueOption) => {\n      const id = String(option.id);\n      controller.field.onChange(id);\n      setSearchValue(undefined);\n    },\n    [controller.field],\n  );\n\n  const handleSearch = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setSearchValue(e.target.value);\n      if (!e.target.value) {\n        controller.field.onChange('');\n      }\n    },\n    [controller.field],\n  );\n\n  const handleClear = useCallback(() => {\n    controller.field.onChange('');\n    setSearchValue(undefined);\n  }, [controller.field]);\n\n  const handleBlur = useCallback(() => {\n    setSearchValue(undefined);\n    controller.field.onBlur();\n  }, [controller.field]);\n\n  return (\n    <AutoComplete\n      value={displayValue}\n      selectedId={selectedId}\n      options={options}\n      onSelect={handleSelect}\n      onChange={handleSearch}\n      onClear={handleClear}\n      onBlur={handleBlur}\n      clearButton={!field.validation?.required}\n      placeholder={tf('auto-patterns.fields.select_placeholder')}\n      emptyStateMessage={tf('auto-patterns.fields.no_results_found')}\n      inputRef={controller.field.ref}\n      dataHook={`short-text-${field.id}`}\n    />\n  );\n};\n\nexport const FormShortText = observer(_FormShortText);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_react2","_form","_string","_useTranslations","_formShortTextInput","_jsxFileName","specificValuesMessage","displayName","_FormShortText","props","_field$validation","_field$validation2","_controller$field$val","_field$validation4","_controller$fieldStat","_field$validation5","field","dataHook","formControl","data","translate","t","useWixPatternsContainer","tf","useTranslations","stringLengthRange","validation","minLength","maxLength","specificValues","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation3","required","isEmpty","isShorterThan","charMin","isLongerThan","charMax","length","some","option","charCount","undefined","default","createElement","FormField","label","status","fieldState","error","statusMessage","message","__self","__source","fileName","lineNumber","columnNumber","FormShortTextInput","onChange","onBlur","options","invalid","Boolean","placeholder","emptyStateMessage","inputRef","ref","FormShortText","exports","observer"],"sources":["../../../../src/components/text/form-short-text.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\n\nimport { BaseInputProps } from '../../types/base-input';\nimport { isEmpty, isLongerThan, isShorterThan } from '../../validations/string';\nimport { useTranslations } from '../../hooks/use-translations';\nimport { FormShortTextInput } from './form-short-text-input';\n\nexport interface FormShortTextProps extends BaseInputProps<string> {}\n\nconst specificValuesMessage = (displayName: string) =>\n  `${displayName} must be one of the allowed values`;\n\nconst _FormShortText = (props: FormShortTextProps) => {\n  const { field, dataHook, formControl, data } = props;\n\n  const { translate: t } = useWixPatternsContainer();\n  const { t: tf } = useTranslations();\n\n  const stringLengthRange = field.validation?.stringLengthRange;\n  const minLength = stringLengthRange?.minLength;\n  const maxLength = stringLengthRange?.maxLength;\n  const specificValues = field.validation?.specificValues;\n\n  const controller = useController({\n    name: field.id,\n    control: formControl,\n    defaultValue: data?.[field.id],\n    rules: {\n      validate: (value) => {\n        if (field.validation?.required && isEmpty(value)) {\n          return t('cairo.fieldValidation.requiredField');\n        }\n\n        if (value && minLength && isShorterThan(value, minLength)) {\n          return t('cairo.fieldValidation.minCharacter', {\n            charMin: minLength,\n          });\n        }\n\n        if (value && maxLength && isLongerThan(value, maxLength)) {\n          return t('cairo.fieldValidation.maxCharacter', {\n            charMax: maxLength,\n          });\n        }\n\n        if (\n          value &&\n          specificValues?.length &&\n          !specificValues.some((option) => option.id === value)\n        ) {\n          return specificValuesMessage(field.displayName);\n        }\n\n        return true;\n      },\n    },\n  });\n\n  const charCount = maxLength\n    ? maxLength - controller.field.value?.length\n    : undefined;\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      charCount={charCount}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n      dataHook={dataHook}\n    >\n      <FormShortTextInput\n        data={controller.field.value ?? ''}\n        onChange={controller.field.onChange}\n        onBlur={controller.field.onBlur}\n        options={specificValues}\n        required={field.validation?.required}\n        invalid={Boolean(controller.fieldState.error)}\n        placeholder={\n          specificValues?.length\n            ? tf('auto-patterns.fields.select_placeholder')\n            : undefined\n        }\n        emptyStateMessage={tf('auto-patterns.fields.no_results_found')}\n        inputRef={controller.field.ref}\n        dataHook={`short-text-${field.id}`}\n      />\n    </FormField>\n  );\n};\n\nexport const FormShortText = observer(_FormShortText);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/text/index.js

@@ -31,4 +31,10 @@ Object.keys(_formShortText).forEach(function (key) {
   if (key in exports && exports[key] === _formShortText[key]) return;
   exports[key] = _formShortText[key];
 });
+var _formShortTextInput = require("./form-short-text-input");
+Object.keys(_formShortTextInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _formShortTextInput[key]) return;
+  exports[key] = _formShortTextInput[key];
+});
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/text/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_textView","require","Object","keys","forEach","key","exports","_cellTextInput","_cellAutocompleteInput","_formLongText","_formShortText"],"sources":["../../../../src/components/text/index.ts"],"sourcesContent":["export * from './text-view';\nexport * from './cell-text-input';\nexport * from './cell-autocomplete-input';\nexport * from './form-long-text';\nexport * from './form-short-text';\n"],"mappings":";;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,SAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,cAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,cAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,cAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,cAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,sBAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,sBAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,sBAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,sBAAA,CAAAH,GAAA;AAAA;AACA,IAAAI,aAAA,GAAAR,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAM,aAAA,EAAAL,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAI,aAAA,CAAAJ,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAI,aAAA,CAAAJ,GAAA;AAAA;AACA,IAAAK,cAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,cAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,cAAA,CAAAL,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAK,cAAA,CAAAL,GAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_textView","require","Object","keys","forEach","key","exports","_cellTextInput","_cellAutocompleteInput","_formLongText","_formShortText","_formShortTextInput"],"sources":["../../../../src/components/text/index.ts"],"sourcesContent":["export * from './text-view';\nexport * from './cell-text-input';\nexport * from './cell-autocomplete-input';\nexport * from './form-long-text';\nexport * from './form-short-text';\nexport * from './form-short-text-input';\n"],"mappings":";;;AAAA,IAAAA,SAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,SAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,SAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,SAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,cAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,cAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,cAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,cAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,sBAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,sBAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,sBAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,sBAAA,CAAAH,GAAA;AAAA;AACA,IAAAI,aAAA,GAAAR,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAM,aAAA,EAAAL,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAI,aAAA,CAAAJ,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAI,aAAA,CAAAJ,GAAA;AAAA;AACA,IAAAK,cAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,cAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,cAAA,CAAAL,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAK,cAAA,CAAAL,GAAA;AAAA;AACA,IAAAM,mBAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,mBAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,mBAAA,CAAAN,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAM,mBAAA,CAAAN,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/text/text-view.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "textview2294932004";
+var _namespace_ = "textview3886369445";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "textview2294932004__root",
-  "textView": "textview2294932004__textView"
+  "root": "textview3886369445__root",
+  "textView": "textview3886369445__textView"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/text/text-view.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/text/text-view.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"textview2294932004\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"textview2294932004__root\",\"textView\":\"textview2294932004__textView\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,0BAA0B;EAAC,UAAU,EAAC;AAA8B,CAAC;AAC3F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/text/text-view.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"textview3886369445\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"textview3886369445__root\",\"textView\":\"textview3886369445__textView\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,0BAA0B;EAAC,UAAU,EAAC;AAA8B,CAAC;AAC3F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/url/form-url-input.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FormUrlInput = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/url/form-url-input.tsx";
+const FormUrlInput = ({
+  data,
+  onChange,
+  onBlur,
+  readOnly,
+  autoFocus,
+  invalid,
+  dataHook,
+  inputRef,
+  placeholder
+}) => /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
+  prefix: /*#__PURE__*/_react.default.createElement(_designSystem.Input.IconAffix, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 25,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_lazy.Link, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 26,
+      columnNumber: 9
+    }
+  })),
+  type: "url",
+  value: data,
+  onChange: event => onChange(event.target.value),
+  onBlur: onBlur,
+  readOnly: readOnly,
+  autoFocus: autoFocus,
+  status: invalid ? 'error' : undefined,
+  inputRef: inputRef,
+  placeholder: placeholder,
+  dataHook: dataHook,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 23,
+    columnNumber: 3
+  }
+});
+exports.FormUrlInput = FormUrlInput;
+FormUrlInput.displayName = 'FormUrlInput';
+//# sourceMappingURL=form-url-input.js.map

package/dist/cjs/components/url/form-url-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_jsxFileName","FormUrlInput","data","onChange","onBlur","readOnly","autoFocus","invalid","dataHook","inputRef","placeholder","default","createElement","Input","prefix","IconAffix","__self","__source","fileName","lineNumber","columnNumber","Link","type","value","event","target","status","undefined","exports","displayName"],"sources":["../../../../src/components/url/form-url-input.tsx"],"sourcesContent":["import React from 'react';\nimport { Input } from '@wix/design-system';\nimport { Link } from '@wix/wix-ui-icons-common/lazy';\n\nimport type { ControlledInputProps } from '../../types/controlled-input';\n\nexport interface FormUrlInputProps extends ControlledInputProps<string> {\n  inputRef?: React.Ref<HTMLInputElement>;\n  placeholder?: string;\n}\n\nexport const FormUrlInput: React.FC<FormUrlInputProps> = ({\n  data,\n  onChange,\n  onBlur,\n  readOnly,\n  autoFocus,\n  invalid,\n  dataHook,\n  inputRef,\n  placeholder,\n}) => (\n  <Input\n    prefix={\n      <Input.IconAffix>\n        <Link />\n      </Input.IconAffix>\n    }\n    type=\"url\"\n    value={data}\n    onChange={(event) => onChange(event.target.value)}\n    onBlur={onBlur}\n    readOnly={readOnly}\n    autoFocus={autoFocus}\n    status={invalid ? 'error' : undefined}\n    inputRef={inputRef}\n    placeholder={placeholder}\n    dataHook={dataHook}\n  />\n);\n\nFormUrlInput.displayName = 'FormUrlInput';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAAqD,IAAAG,YAAA;AAS9C,MAAMC,YAAyC,GAAGA,CAAC;EACxDC,IAAI;EACJC,QAAQ;EACRC,MAAM;EACNC,QAAQ;EACRC,SAAS;EACTC,OAAO;EACPC,QAAQ;EACRC,QAAQ;EACRC;AACF,CAAC,kBACCf,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,KAAK;EACJC,MAAM,eACJnB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,aAAA,CAAAe,KAAK,CAACE,SAAS;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACdzB,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACb,KAAA,CAAAsB,IAAI;IAAAL,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CACQ,CAClB;EACDE,IAAI,EAAC,KAAK;EACVC,KAAK,EAAErB,IAAK;EACZC,QAAQ,EAAGqB,KAAK,IAAKrB,QAAQ,CAACqB,KAAK,CAACC,MAAM,CAACF,KAAK,CAAE;EAClDnB,MAAM,EAAEA,MAAO;EACfC,QAAQ,EAAEA,QAAS;EACnBC,SAAS,EAAEA,SAAU;EACrBoB,MAAM,EAAEnB,OAAO,GAAG,OAAO,GAAGoB,SAAU;EACtClB,QAAQ,EAAEA,QAAS;EACnBC,WAAW,EAAEA,WAAY;EACzBF,QAAQ,EAAEA,QAAS;EAAAQ,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAlB,YAAA;IAAAmB,UAAA;IAAAC,YAAA;EAAA;AAAA,CACpB,CACF;AAACQ,OAAA,CAAA3B,YAAA,GAAAA,YAAA;AAEFA,YAAY,CAAC4B,WAAW,GAAG,cAAc","ignoreList":[]}

package/dist/cjs/components/url/form-url.js

@@ -6,11 +6,11 @@ exports.FormUrl = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
 var _mobxReactLite = require("mobx-react-lite");
-var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _react2 = require("@wix/bex-core/react");
 var _form = require("@wix/bex-core/form");
 var _string = require("../../validations/string");
 var _url = require("../../validations/url");
+var _formUrlInput = require("./form-url-input");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/url/form-url.tsx";
 const _FormUrl = props => {
   var _field$validation2, _controller$fieldStat;
@@ -51,28 +51,14 @@ const _FormUrl = props => {
       lineNumber: 35,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Input, {
-    prefix: /*#__PURE__*/_react.default.createElement(_designSystem.Input.IconAffix, {
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 44,
-        columnNumber: 11
-      }
-    }, /*#__PURE__*/_react.default.createElement(_lazy.Link, {
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 45,
-        columnNumber: 13
-      }
-    })),
+  }, /*#__PURE__*/_react.default.createElement(_formUrlInput.FormUrlInput, {
     placeholder: t('cairo.customFields.url-input.placeholder'),
     dataHook: `url-${field.id}`,
-    value: controller.field.value,
-    onChange: e => controller.field.onChange == null ? void 0 : controller.field.onChange(e.target.value),
+    data: controller.field.value ?? '',
+    onChange: controller.field.onChange,
     onBlur: controller.field.onBlur,
-    ref: controller.field.ref,
+    inputRef: controller.field.ref,
+    invalid: Boolean(controller.fieldState.error),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,

package/dist/cjs/components/url/form-url.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_lazy","_react2","_form","_string","_url","_jsxFileName","_FormUrl","props","_field$validation2","_controller$fieldStat","field","dataHook","formControl","data","translate","t","useWixPatternsContainer","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation","validation","required","isEmpty","isValidUri","default","createElement","FormField","label","displayName","status","fieldState","error","undefined","statusMessage","message","__self","__source","fileName","lineNumber","columnNumber","Input","prefix","IconAffix","Link","placeholder","onChange","e","target","onBlur","ref","FormUrl","exports","observer"],"sources":["../../../../src/components/url/form-url.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField, Input } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { Link } from '@wix/wix-ui-icons-common/lazy';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\n\nimport { BaseInputProps } from '../../types/base-input';\nimport { isEmpty } from '../../validations/string';\nimport { isValidUri } from '../../validations/url';\n\nexport interface FormUrlProps extends BaseInputProps<string> {}\n\nconst _FormUrl = (props: FormUrlProps) => {\n  const { field, dataHook, formControl, data } = props;\n  const { translate: t } = useWixPatternsContainer();\n\n  const controller = useController({\n    name: field.id,\n    control: formControl,\n    defaultValue: data?.[field.id],\n    rules: {\n      validate: (value: string | null | undefined) => {\n        if (field.validation?.required && isEmpty(value)) {\n          return t('cairo.fieldValidation.requiredField');\n        } else if (value) {\n          return isValidUri(value) || t('cairo.customFields.url-input.error');\n        }\n        return true;\n      },\n    },\n  });\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      dataHook={dataHook}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n    >\n      <Input\n        prefix={\n          <Input.IconAffix>\n            <Link />\n          </Input.IconAffix>\n        }\n        placeholder={t('cairo.customFields.url-input.placeholder')}\n        dataHook={`url-${field.id}`}\n        value={controller.field.value}\n        onChange={(e) => controller.field.onChange?.(e.target.value)}\n        onBlur={controller.field.onBlur}\n        ref={controller.field.ref}\n      />\n    </FormField>\n  );\n};\n\nexport const FormUrl = observer(_FormUrl);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_react2","_form","_string","_url","_formUrlInput","_jsxFileName","_FormUrl","props","_field$validation2","_controller$fieldStat","field","dataHook","formControl","data","translate","t","useWixPatternsContainer","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation","validation","required","isEmpty","isValidUri","default","createElement","FormField","label","displayName","status","fieldState","error","undefined","statusMessage","message","__self","__source","fileName","lineNumber","columnNumber","FormUrlInput","placeholder","onChange","onBlur","inputRef","ref","invalid","Boolean","FormUrl","exports","observer"],"sources":["../../../../src/components/url/form-url.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\n\nimport { BaseInputProps } from '../../types/base-input';\nimport { isEmpty } from '../../validations/string';\nimport { isValidUri } from '../../validations/url';\nimport { FormUrlInput } from './form-url-input';\n\nexport interface FormUrlProps extends BaseInputProps<string> {}\n\nconst _FormUrl = (props: FormUrlProps) => {\n  const { field, dataHook, formControl, data } = props;\n  const { translate: t } = useWixPatternsContainer();\n\n  const controller = useController({\n    name: field.id,\n    control: formControl,\n    defaultValue: data?.[field.id],\n    rules: {\n      validate: (value: string | null | undefined) => {\n        if (field.validation?.required && isEmpty(value)) {\n          return t('cairo.fieldValidation.requiredField');\n        } else if (value) {\n          return isValidUri(value) || t('cairo.customFields.url-input.error');\n        }\n        return true;\n      },\n    },\n  });\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      dataHook={dataHook}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n    >\n      <FormUrlInput\n        placeholder={t('cairo.customFields.url-input.placeholder')}\n        dataHook={`url-${field.id}`}\n        data={controller.field.value ?? ''}\n        onChange={controller.field.onChange}\n        onBlur={controller.field.onBlur}\n        inputRef={controller.field.ref}\n        invalid={Boolean(controller.fieldState.error)}\n      />\n    </FormField>\n  );\n};\n\nexport const FormUrl = observer(_FormUrl);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAGA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,IAAA,GAAAN,OAAA;AACA,IAAAO,aAAA,GAAAP,OAAA;AAAgD,IAAAQ,YAAA;AAIhD,MAAMC,QAAQ,GAAIC,KAAmB,IAAK;EAAA,IAAAC,kBAAA,EAAAC,qBAAA;EACxC,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAK,CAAC,GAAGN,KAAK;EACpD,MAAM;IAAEO,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAElD,MAAMC,UAAU,GAAG,IAAAC,mBAAa,EAAC;IAC/BC,IAAI,EAAET,KAAK,CAACU,EAAE;IACdC,OAAO,EAAET,WAAW;IACpBU,YAAY,EAAET,IAAI,oBAAJA,IAAI,CAAGH,KAAK,CAACU,EAAE,CAAC;IAC9BG,KAAK,EAAE;MACLC,QAAQ,EAAGC,KAAgC,IAAK;QAAA,IAAAC,iBAAA;QAC9C,IAAI,CAAAA,iBAAA,GAAAhB,KAAK,CAACiB,UAAU,aAAhBD,iBAAA,CAAkBE,QAAQ,IAAI,IAAAC,eAAO,EAACJ,KAAK,CAAC,EAAE;UAChD,OAAOV,CAAC,CAAC,qCAAqC,CAAC;QACjD,CAAC,MAAM,IAAIU,KAAK,EAAE;UAChB,OAAO,IAAAK,eAAU,EAACL,KAAK,CAAC,IAAIV,CAAC,CAAC,oCAAoC,CAAC;QACrE;QACA,OAAO,IAAI;MACb;IACF;EACF,CAAC,CAAC;EAEF,oBACEpB,MAAA,CAAAoC,OAAA,CAAAC,aAAA,CAAClC,aAAA,CAAAmC,SAAS;IACRC,KAAK,EAAExB,KAAK,CAACyB,WAAY;IACzBP,QAAQ,GAAApB,kBAAA,GAAEE,KAAK,CAACiB,UAAU,qBAAhBnB,kBAAA,CAAkBoB,QAAS;IACrCjB,QAAQ,EAAEA,QAAS;IACnByB,MAAM,EAAEnB,UAAU,CAACoB,UAAU,CAACC,KAAK,GAAG,OAAO,GAAGC,SAAU;IAC1DC,aAAa,GAAA/B,qBAAA,GAAEQ,UAAU,CAACoB,UAAU,CAACC,KAAK,qBAA3B7B,qBAAA,CAA6BgC,OAAQ;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEpDnD,MAAA,CAAAoC,OAAA,CAAAC,aAAA,CAAC5B,aAAA,CAAA2C,YAAY;IACXC,WAAW,EAAEjC,CAAC,CAAC,0CAA0C,CAAE;IAC3DJ,QAAQ,EAAE,OAAOD,KAAK,CAACU,EAAE,EAAG;IAC5BP,IAAI,EAAEI,UAAU,CAACP,KAAK,CAACe,KAAK,IAAI,EAAG;IACnCwB,QAAQ,EAAEhC,UAAU,CAACP,KAAK,CAACuC,QAAS;IACpCC,MAAM,EAAEjC,UAAU,CAACP,KAAK,CAACwC,MAAO;IAChCC,QAAQ,EAAElC,UAAU,CAACP,KAAK,CAAC0C,GAAI;IAC/BC,OAAO,EAAEC,OAAO,CAACrC,UAAU,CAACoB,UAAU,CAACC,KAAK,CAAE;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvC,YAAA;MAAAwC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC/C,CACQ,CAAC;AAEhB,CAAC;AAEM,MAAMS,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,IAAAE,uBAAQ,EAACnD,QAAQ,CAAC","ignoreList":[]}

package/dist/cjs/components/url/index.js

@@ -19,4 +19,10 @@ Object.keys(_formUrl).forEach(function (key) {
   if (key in exports && exports[key] === _formUrl[key]) return;
   exports[key] = _formUrl[key];
 });
+var _formUrlInput = require("./form-url-input");
+Object.keys(_formUrlInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _formUrlInput[key]) return;
+  exports[key] = _formUrlInput[key];
+});
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/url/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_urlView","require","Object","keys","forEach","key","exports","_cellUrlInput","_formUrl"],"sources":["../../../../src/components/url/index.ts"],"sourcesContent":["export * from './url-view';\nexport * from './cell-url-input';\nexport * from './form-url';\n"],"mappings":";;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,QAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,aAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,aAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,aAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,aAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,QAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,QAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,QAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,QAAA,CAAAH,GAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_urlView","require","Object","keys","forEach","key","exports","_cellUrlInput","_formUrl","_formUrlInput"],"sources":["../../../../src/components/url/index.ts"],"sourcesContent":["export * from './url-view';\nexport * from './cell-url-input';\nexport * from './form-url';\nexport * from './form-url-input';\n"],"mappings":";;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,QAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,aAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,aAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,aAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,aAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,QAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,QAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,QAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,QAAA,CAAAH,GAAA;AAAA;AACA,IAAAI,aAAA,GAAAR,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAM,aAAA,EAAAL,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAI,aAAA,CAAAJ,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAI,aAAA,CAAAJ,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/exports/unidriver.js

@@ -1,9 +1,11 @@
 "use strict";
 
 exports.__esModule = true;
-exports.FormMediaGalleryFieldUniDriver = exports.ColorViewUniDriver = void 0;
+exports.FormMediaGalleryFieldUniDriver = exports.ControlledInputUniDriver = exports.ColorViewUniDriver = void 0;
 var _formMediaGalleryFieldUni = require("../components/media-gallery/form-media-gallery-field.uni.driver");
 exports.FormMediaGalleryFieldUniDriver = _formMediaGalleryFieldUni.FormMediaGalleryFieldUniDriver;
 var _colorViewUni = require("../components/color-view/color-view.uni.driver");
 exports.ColorViewUniDriver = _colorViewUni.ColorViewUniDriver;
+var _controlledInput = require("../components/controlled-input.driver");
+exports.ControlledInputUniDriver = _controlledInput.ControlledInputUniDriver;
 //# sourceMappingURL=unidriver.js.map

package/dist/cjs/exports/unidriver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_formMediaGalleryFieldUni","require","exports","FormMediaGalleryFieldUniDriver","_colorViewUni","ColorViewUniDriver"],"sources":["../../../src/exports/unidriver.ts"],"sourcesContent":["export { FormMediaGalleryFieldUniDriver } from '../components/media-gallery/form-media-gallery-field.uni.driver';\nexport { ColorViewUniDriver } from '../components/color-view/color-view.uni.driver';\n"],"mappings":";;;;AAAA,IAAAA,yBAAA,GAAAC,OAAA;AAAiHC,OAAA,CAAAC,8BAAA,GAAAH,yBAAA,CAAAG,8BAAA;AACjH,IAAAC,aAAA,GAAAH,OAAA;AAAoFC,OAAA,CAAAG,kBAAA,GAAAD,aAAA,CAAAC,kBAAA","ignoreList":[]}
+{"version":3,"names":["_formMediaGalleryFieldUni","require","exports","FormMediaGalleryFieldUniDriver","_colorViewUni","ColorViewUniDriver","_controlledInput","ControlledInputUniDriver"],"sources":["../../../src/exports/unidriver.ts"],"sourcesContent":["export { FormMediaGalleryFieldUniDriver } from '../components/media-gallery/form-media-gallery-field.uni.driver';\nexport { ColorViewUniDriver } from '../components/color-view/color-view.uni.driver';\nexport { ControlledInputUniDriver } from '../components/controlled-input.driver';\n"],"mappings":";;;;AAAA,IAAAA,yBAAA,GAAAC,OAAA;AAAiHC,OAAA,CAAAC,8BAAA,GAAAH,yBAAA,CAAAG,8BAAA;AACjH,IAAAC,aAAA,GAAAH,OAAA;AAAoFC,OAAA,CAAAG,kBAAA,GAAAD,aAAA,CAAAC,kBAAA;AACpF,IAAAC,gBAAA,GAAAL,OAAA;AAAiFC,OAAA,CAAAK,wBAAA,GAAAD,gBAAA,CAAAC,wBAAA","ignoreList":[]}