@wix/patterns-fields 1.36.0 → 1.37.0

package/dist/cjs/components/address/form-address.driver.js

@@ -0,0 +1,17 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FormAddressDriver = FormAddressDriver;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var _baseDriver = require("../../testkit/base-driver");
+function FormAddressDriver(base, body) {
+  const formField = (0, _unidriver.FormFieldUniDriver)(base, body);
+  return {
+    ...(0, _baseDriver.baseUniDriverFactory)(base),
+    getLabel: () => (0, _baseDriver.getFormFieldLabelText)(formField),
+    hasError: () => formField.hasStatus('error'),
+    getErrorMessage: () => formField.getStatusMessage(),
+    isRequired: () => formField.isRequired()
+  };
+}
+//# sourceMappingURL=form-address.driver.js.map

package/dist/cjs/components/address/form-address.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_baseDriver","FormAddressDriver","base","body","formField","FormFieldUniDriver","baseUniDriverFactory","getLabel","getFormFieldLabelText","hasError","hasStatus","getErrorMessage","getStatusMessage","isRequired"],"sources":["../../../../src/components/address/form-address.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { FormFieldUniDriver } from '@wix/design-system/dist/testkit/unidriver';\n\nimport {\n  baseUniDriverFactory,\n  getFormFieldLabelText,\n} from '../../testkit/base-driver';\n\nexport function FormAddressDriver(base: UniDriver, body: UniDriver) {\n  const formField = FormFieldUniDriver(base, body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    getLabel: () => getFormFieldLabelText(formField),\n    hasError: () => formField.hasStatus('error'),\n    getErrorMessage: () => formField.getStatusMessage(),\n    isRequired: () => formField.isRequired(),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAKO,SAASE,iBAAiBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EAClE,MAAMC,SAAS,GAAG,IAAAC,6BAAkB,EAACH,IAAI,EAAEC,IAAI,CAAC;EAEhD,OAAO;IACL,GAAG,IAAAG,gCAAoB,EAACJ,IAAI,CAAC;IAC7BK,QAAQ,EAAEA,CAAA,KAAM,IAAAC,iCAAqB,EAACJ,SAAS,CAAC;IAChDK,QAAQ,EAAEA,CAAA,KAAML,SAAS,CAACM,SAAS,CAAC,OAAO,CAAC;IAC5CC,eAAe,EAAEA,CAAA,KAAMP,SAAS,CAACQ,gBAAgB,CAAC,CAAC;IACnDC,UAAU,EAAEA,CAAA,KAAMT,SAAS,CAACS,UAAU,CAAC;EACzC,CAAC;AACH","ignoreList":[]}

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

@@ -0,0 +1,66 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.FormAddress = void 0;
+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 _value = require("../../validations/value");
+var _formAddressInput = require("./input/form-address-input");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/address/form-address.tsx";
+const _FormAddress = props => {
+  var _field$validation2, _controller$fieldStat;
+  const {
+    field,
+    dataHook,
+    formControl,
+    data
+  } = props;
+  const {
+    translate: pt
+  } = (0, _react2.useWixPatternsContainer)();
+  const controller = (0, _form.useController)({
+    name: field.id,
+    control: formControl,
+    defaultValue: data == null ? void 0 : data[field.id],
+    rules: {
+      validate: value => {
+        var _field$validation;
+        if ((_field$validation = field.validation) != null && _field$validation.required && (0, _value.isEmpty)(value)) {
+          return pt('cairo.fieldValidation.requiredField');
+        }
+        return true;
+      }
+    }
+  });
+  return /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+    label: field.displayName,
+    required: (_field$validation2 = field.validation) == null ? void 0 : _field$validation2.required,
+    status: controller.fieldState.error ? 'error' : undefined,
+    statusMessage: (_controller$fieldStat = controller.fieldState.error) == null ? void 0 : _controller$fieldStat.message,
+    dataHook: dataHook,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 35,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_formAddressInput.FormAddressInput, {
+    autoFocus: false,
+    data: controller.field.value,
+    onChange: value => controller.field.onChange == null ? void 0 : controller.field.onChange(value),
+    dataHook: `address-${field.id}`,
+    field: field.id,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 42,
+      columnNumber: 7
+    }
+  }));
+};
+const FormAddress = exports.FormAddress = (0, _mobxReactLite.observer)(_FormAddress);
+//# sourceMappingURL=form-address.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_react2","_form","_value","_formAddressInput","_jsxFileName","_FormAddress","props","_field$validation2","_controller$fieldStat","field","dataHook","formControl","data","translate","pt","useWixPatternsContainer","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation","validation","required","isEmpty","default","createElement","FormField","label","displayName","status","fieldState","error","undefined","statusMessage","message","__self","__source","fileName","lineNumber","columnNumber","FormAddressInput","autoFocus","onChange","FormAddress","exports","observer"],"sources":["../../../../src/components/address/form-address.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 type { Address } from '../../types/address';\nimport { isEmpty } from '../../validations/value';\n\nimport { FormAddressInput } from './input/form-address-input';\n\nexport interface FormAddressProps extends BaseInputProps<Address> {}\n\nconst _FormAddress = (props: FormAddressProps) => {\n  const { field, dataHook, formControl, data } = props;\n\n  const { translate: pt } = useWixPatternsContainer();\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 pt('cairo.fieldValidation.requiredField');\n        }\n        return true;\n      },\n    },\n  });\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n      dataHook={dataHook}\n    >\n      <FormAddressInput\n        autoFocus={false}\n        data={controller.field.value}\n        onChange={(value) => controller.field.onChange?.(value)}\n        dataHook={`address-${field.id}`}\n        field={field.id}\n      />\n    </FormField>\n  );\n};\n\nexport const FormAddress = observer(_FormAddress);\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;AAIA,IAAAK,MAAA,GAAAL,OAAA;AAEA,IAAAM,iBAAA,GAAAN,OAAA;AAA8D,IAAAO,YAAA;AAI9D,MAAMC,YAAY,GAAIC,KAAuB,IAAK;EAAA,IAAAC,kBAAA,EAAAC,qBAAA;EAChD,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAK,CAAC,GAAGN,KAAK;EAEpD,MAAM;IAAEO,SAAS,EAAEC;EAAG,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAEnD,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,KAAK,IAAK;QAAA,IAAAC,iBAAA;QACnB,IAAI,CAAAA,iBAAA,GAAAhB,KAAK,CAACiB,UAAU,aAAhBD,iBAAA,CAAkBE,QAAQ,IAAI,IAAAC,cAAO,EAACJ,KAAK,CAAC,EAAE;UAChD,OAAOV,EAAE,CAAC,qCAAqC,CAAC;QAClD;QACA,OAAO,IAAI;MACb;IACF;EACF,CAAC,CAAC;EAEF,oBACEnB,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAAChC,aAAA,CAAAiC,SAAS;IACRC,KAAK,EAAEvB,KAAK,CAACwB,WAAY;IACzBN,QAAQ,GAAApB,kBAAA,GAAEE,KAAK,CAACiB,UAAU,qBAAhBnB,kBAAA,CAAkBoB,QAAS;IACrCO,MAAM,EAAElB,UAAU,CAACmB,UAAU,CAACC,KAAK,GAAG,OAAO,GAAGC,SAAU;IAC1DC,aAAa,GAAA9B,qBAAA,GAAEQ,UAAU,CAACmB,UAAU,CAACC,KAAK,qBAA3B5B,qBAAA,CAA6B+B,OAAQ;IACpD7B,QAAQ,EAAEA,QAAS;IAAA8B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtC,YAAA;MAAAuC,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnBjD,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAAC3B,iBAAA,CAAA0C,gBAAgB;IACfC,SAAS,EAAE,KAAM;IACjBlC,IAAI,EAAEI,UAAU,CAACP,KAAK,CAACe,KAAM;IAC7BuB,QAAQ,EAAGvB,KAAK,IAAKR,UAAU,CAACP,KAAK,CAACsC,QAAQ,oBAAzB/B,UAAU,CAACP,KAAK,CAACsC,QAAQ,CAAGvB,KAAK,CAAE;IACxDd,QAAQ,EAAE,WAAWD,KAAK,CAACU,EAAE,EAAG;IAChCV,KAAK,EAAEA,KAAK,CAACU,EAAG;IAAAqB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtC,YAAA;MAAAuC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACjB,CACQ,CAAC;AAEhB,CAAC;AAEM,MAAMI,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,uBAAQ,EAAC7C,YAAY,CAAC","ignoreList":[]}

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

@@ -1,6 +1,12 @@
 "use strict";
 
 exports.__esModule = true;
+var _formAddress = require("./form-address");
+Object.keys(_formAddress).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _formAddress[key]) return;
+  exports[key] = _formAddress[key];
+});
 var _input = require("./input");
 Object.keys(_input).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

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

@@ -1 +1 @@
-{"version":3,"names":["_input","require","Object","keys","forEach","key","exports","_view"],"sources":["../../../../src/components/address/index.ts"],"sourcesContent":["export * from './input';\nexport * from './view';\n"],"mappings":";;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,MAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,KAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,KAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,KAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,KAAA,CAAAF,GAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_formAddress","require","Object","keys","forEach","key","exports","_input","_view"],"sources":["../../../../src/components/address/index.ts"],"sourcesContent":["export * from './form-address';\nexport * from './input';\nexport * from './view';\n"],"mappings":";;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,YAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,MAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,MAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,MAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,MAAA,CAAAF,GAAA;AAAA;AACA,IAAAG,KAAA,GAAAP,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAK,KAAA,EAAAJ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAG,KAAA,CAAAH,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAG,KAAA,CAAAH,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/address/input/address-input.js

@@ -26,6 +26,7 @@ const AddressInput = exports.AddressInput = /*#__PURE__*/(0, _react.forwardRef)(
   onSelectAddress = _utils2.noop,
   reverseOnEscape,
   atlasService,
+  initialSearchText,
   ...props
 }, forwardedRef) => {
   const atlas = (0, _react.useMemo)(() => atlasService ?? new _wixAtlasService.WixAtlasService(), [atlasService]);
@@ -79,6 +80,13 @@ const AddressInput = exports.AddressInput = /*#__PURE__*/(0, _react.forwardRef)(
       clearInputValue();
     }
   }), [clearAddress, clearInputValue]);
+  (0, _react.useEffect)(() => {
+    if (!initialSearchText) return;
+    setInputValue(initialSearchText);
+    searchAddress(initialSearchText.trim());
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []); // Deliberately run only on mount — initialSearchText is a one-shot seed
+
   const isFocusedRef = (0, _react.useRef)(false);
   const onSetSelection = (0, _hooks.useSetSelectionOnFocus)();
   const onInputFocus = (0, _react.useCallback)(e => {
@@ -158,7 +166,7 @@ const AddressInput = exports.AddressInput = /*#__PURE__*/(0, _react.forwardRef)(
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 284,
+      lineNumber: 300,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.AddressInput, (0, _extends2.default)({
@@ -179,7 +187,7 @@ const AddressInput = exports.AddressInput = /*#__PURE__*/(0, _react.forwardRef)(
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 285,
+      lineNumber: 301,
       columnNumber: 9
     }
   })));

package/dist/cjs/components/address/input/address-input.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_isEqual","_interopRequireDefault","_debounce","_designSystem","_utils","_wixAtlasService","_hooks","_utils2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SEARCH_ADDRESS_DEBOUNCE","AddressInput","exports","forwardRef","value","onChange","onInput","readOnly","onFocus","onBlur","status","onSelectAddress","noop","reverseOnEscape","atlasService","props","forwardedRef","atlas","useMemo","WixAtlasService","useTranslations","address","setAddress","prevAddressRef","useControlledInput","reverseAddress","useReverseValue","clearAddress","useClearValue","triggerOnChange","useCallback","commonAddress","changedValue","atlasAddressToAddress","isEqual","inputValue","setInputValue","prevInputValueRef","formatted","reverseInputValue","clearInputValue","isSearching","setIsSearching","useState","searchResults","setSearchResults","searchResultsError","setSearchResultsError","searchAddress","debounce","query","undefined","then","catch","finally","useEffect","cancel","onInputChange","target","trimmedValue","trim","addressInputRef","useRef","useImperativeHandle","focus","_addressInputRef$curr","current","clear","isFocusedRef","onSetSelection","useSetSelectionOnFocus","onInputFocus","onInputBlur","isMountedRef","requestFrameCallback","useRequestFrameCallback","onSelect","option","index","Number","id","selectedAddress","inputStatus","onMouseDown","tagName","preventDefault","onKeyDown","key","options","map","addr","_addr$formatted","mainLabel","secondaryLabelParts","split","addressInputItemBuilder","displayLabel","secondaryLabel","join","optionLayout","createElement","__self","__source","fileName","lineNumber","columnNumber","_extends2","dataHook","ref","disabled","placeholder","clearButton","autoSelect","displayName"],"sources":["../../../../../src/components/address/input/address-input.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useImperativeHandle,\n  useCallback,\n  useEffect,\n  useState,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport isEqual from 'lodash/isEqual';\nimport debounce from 'lodash/debounce';\nimport type { Address } from '../../../types/address';\nimport type {\n  AddressInputProps as WDSAddressInputProps,\n  DropdownLayoutValueOption,\n} from '@wix/design-system';\nimport type { AddressInputRef as WDSAddressInputRef } from '@wix/design-system/dist/types/AddressInput/AddressInput';\nimport {\n  AddressInput as WDSAddressInput,\n  addressInputItemBuilder,\n} from '@wix/design-system';\n\nimport type { AtlasAddress, AtlasService } from '../../../services/atlas';\nimport { atlasAddressToAddress } from '../../../services/atlas/utils';\nimport { WixAtlasService } from '../../../services/atlas/wix-atlas-service';\nimport {\n  useControlledInput,\n  useReverseValue,\n  useClearValue,\n  useSetSelectionOnFocus,\n  useRequestFrameCallback,\n  useTranslations,\n} from '../../../hooks';\nimport { noop } from '../../../utils';\n\nconst SEARCH_ADDRESS_DEBOUNCE = 250;\n\nexport interface AddressInputProps\n  extends Omit<\n    WDSAddressInputProps,\n    'value' | 'onChange' | 'onSelect' | 'disabled'\n  > {\n  value?: Address;\n  onChange?: (value?: Address) => void;\n  onInput?: () => void;\n  onSelectAddress?: () => void;\n  readOnly?: boolean;\n  reverseOnEscape?: boolean;\n  /** Optional atlas service for address search. Defaults to WixAtlasService. Useful for testing. */\n  atlasService?: AtlasService;\n}\n\nexport interface AddressInputImperativeHandle {\n  focus: () => void;\n  clear: () => void;\n}\n\nexport const AddressInput = forwardRef<\n  AddressInputImperativeHandle,\n  AddressInputProps\n>(\n  (\n    {\n      value,\n      onChange,\n      onInput,\n      readOnly,\n      onFocus,\n      onBlur,\n      status,\n      onSelectAddress = noop,\n      reverseOnEscape,\n      atlasService,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const atlas = useMemo(\n      () => atlasService ?? new WixAtlasService(),\n      [atlasService],\n    );\n    const { t } = useTranslations();\n\n    const [address, setAddress, prevAddressRef] = useControlledInput(value);\n    const reverseAddress = useReverseValue(setAddress, prevAddressRef);\n    const clearAddress = useClearValue(setAddress);\n\n    const triggerOnChange = useCallback(\n      (commonAddress?: AtlasAddress) => {\n        const changedValue =\n          commonAddress && atlasAddressToAddress(commonAddress);\n        !isEqual(value, changedValue) && onChange?.(changedValue);\n      },\n      [value, onChange],\n    );\n\n    const [inputValue, setInputValue, prevInputValueRef] = useControlledInput(\n      address?.formatted ?? '',\n    );\n    const reverseInputValue = useReverseValue(setInputValue, prevInputValueRef);\n    const clearInputValue = useClearValue(setInputValue, '');\n\n    const [isSearching, setIsSearching] = useState(false);\n    const [searchResults, setSearchResults] = useState<AtlasAddress[]>([]);\n    const [searchResultsError, setSearchResultsError] = useState<Error>();\n    const searchAddress = useMemo(\n      () =>\n        debounce((query: string) => {\n          setIsSearching(true);\n          setSearchResultsError(undefined);\n          return atlas\n            .searchAddress(query)\n            .then(setSearchResults)\n            .catch(setSearchResultsError)\n            .finally(() => setIsSearching(false));\n        }, SEARCH_ADDRESS_DEBOUNCE),\n      [atlas],\n    );\n    useEffect(\n      () => () => {\n        searchAddress.cancel();\n      },\n      [searchAddress],\n    );\n\n    const onInputChange = useCallback(\n      ({ target }: React.ChangeEvent<HTMLInputElement>) => {\n        onInput?.();\n        setInputValue(target.value);\n\n        const trimmedValue = target.value.trim();\n\n        if (trimmedValue) {\n          searchAddress(trimmedValue);\n        } else {\n          setAddress(undefined);\n          setSearchResults([]);\n\n          setIsSearching(false);\n          setSearchResultsError(undefined);\n        }\n      },\n      [onInput, setAddress, setInputValue, searchAddress],\n    );\n\n    const addressInputRef = useRef<WDSAddressInputRef>(null);\n    useImperativeHandle(\n      forwardedRef,\n      () => ({\n        focus: () => addressInputRef.current?.focus(),\n        clear: () => {\n          clearAddress();\n          clearInputValue();\n        },\n      }),\n      [clearAddress, clearInputValue],\n    );\n\n    const isFocusedRef = useRef(false);\n    const onSetSelection = useSetSelectionOnFocus();\n    const onInputFocus = useCallback(\n      (e?: React.FocusEvent<HTMLInputElement>) => {\n        isFocusedRef.current = true;\n        onSetSelection(e);\n        onFocus?.(e);\n      },\n      [onSetSelection, onFocus],\n    );\n    const onInputBlur = useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        setSearchResultsError(undefined);\n        isFocusedRef.current = false;\n        onBlur?.(e);\n      },\n      [onBlur],\n    );\n\n    const isMountedRef = useRef(true);\n    useEffect(\n      () => () => {\n        isMountedRef.current = false;\n      },\n      [],\n    );\n\n    const requestFrameCallback = useRequestFrameCallback();\n    const onSelect = useCallback(\n      async (option: DropdownLayoutValueOption) => {\n        const index = Number(option.id);\n        const selectedAddress = searchResults[index];\n\n        if (!selectedAddress) {\n          return;\n        }\n\n        onInput?.();\n        setInputValue(selectedAddress.formatted ?? '');\n        triggerOnChange(selectedAddress);\n        requestFrameCallback(onSelectAddress);\n      },\n      [\n        onInput,\n        onSelectAddress,\n        requestFrameCallback,\n        searchResults,\n        setInputValue,\n        triggerOnChange,\n      ],\n    );\n\n    const inputStatus = useMemo(() => {\n      if (isSearching) {\n        return 'loading';\n      }\n\n      if (searchResultsError) {\n        return 'error';\n      }\n\n      return status;\n    }, [isSearching, searchResultsError, status]);\n\n    const onMouseDown = useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n      const target = e.target as HTMLElement;\n\n      if (target.tagName !== 'INPUT') {\n        e.preventDefault();\n      }\n    }, []);\n\n    const onKeyDown = useCallback(\n      (e: React.KeyboardEvent) => {\n        const target = e.target as HTMLInputElement;\n\n        if (target.tagName !== 'INPUT') {\n          return;\n        }\n\n        if (e.key === 'Escape') {\n          if (reverseOnEscape) {\n            reverseAddress();\n            reverseInputValue();\n            return;\n          }\n\n          if (target.value) {\n            triggerOnChange(prevAddressRef.current);\n          } else {\n            triggerOnChange(undefined);\n          }\n\n          onSelectAddress();\n        }\n      },\n      [\n        prevAddressRef,\n        triggerOnChange,\n        onSelectAddress,\n        reverseOnEscape,\n        reverseAddress,\n        reverseInputValue,\n      ],\n    );\n\n    const options = useMemo(\n      () =>\n        searchResults.map((addr, index) => {\n          const [mainLabel, ...secondaryLabelParts] =\n            addr?.formatted?.split(', ') ?? [];\n\n          return addressInputItemBuilder({\n            id: index,\n            displayLabel: addr.formatted ?? '',\n            mainLabel: mainLabel ?? '',\n            secondaryLabel: secondaryLabelParts.join(', '),\n            optionLayout: 'single-line',\n          });\n        }),\n      [searchResults],\n    );\n\n    return (\n      <div onMouseDown={onMouseDown} onKeyDown={onKeyDown}>\n        <WDSAddressInput\n          dataHook=\"address-input\"\n          {...props}\n          ref={addressInputRef}\n          disabled={readOnly}\n          placeholder={t('auto-patterns.fields.field_type_address_placeholder')}\n          options={options}\n          clearButton={false}\n          onSelect={onSelect}\n          value={inputValue}\n          onChange={onInputChange}\n          onFocus={onInputFocus}\n          onBlur={onInputBlur}\n          autoSelect={false}\n          status={inputStatus}\n        />\n      </div>\n    );\n  },\n);\n\nAddressInput.displayName = 'AddressInput';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_isEqual","_interopRequireDefault","_debounce","_designSystem","_utils","_wixAtlasService","_hooks","_utils2","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SEARCH_ADDRESS_DEBOUNCE","AddressInput","exports","forwardRef","value","onChange","onInput","readOnly","onFocus","onBlur","status","onSelectAddress","noop","reverseOnEscape","atlasService","initialSearchText","props","forwardedRef","atlas","useMemo","WixAtlasService","useTranslations","address","setAddress","prevAddressRef","useControlledInput","reverseAddress","useReverseValue","clearAddress","useClearValue","triggerOnChange","useCallback","commonAddress","changedValue","atlasAddressToAddress","isEqual","inputValue","setInputValue","prevInputValueRef","formatted","reverseInputValue","clearInputValue","isSearching","setIsSearching","useState","searchResults","setSearchResults","searchResultsError","setSearchResultsError","searchAddress","debounce","query","undefined","then","catch","finally","useEffect","cancel","onInputChange","target","trimmedValue","trim","addressInputRef","useRef","useImperativeHandle","focus","_addressInputRef$curr","current","clear","isFocusedRef","onSetSelection","useSetSelectionOnFocus","onInputFocus","onInputBlur","isMountedRef","requestFrameCallback","useRequestFrameCallback","onSelect","option","index","Number","id","selectedAddress","inputStatus","onMouseDown","tagName","preventDefault","onKeyDown","key","options","map","addr","_addr$formatted","mainLabel","secondaryLabelParts","split","addressInputItemBuilder","displayLabel","secondaryLabel","join","optionLayout","createElement","__self","__source","fileName","lineNumber","columnNumber","_extends2","dataHook","ref","disabled","placeholder","clearButton","autoSelect","displayName"],"sources":["../../../../../src/components/address/input/address-input.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useImperativeHandle,\n  useCallback,\n  useEffect,\n  useState,\n  useMemo,\n  useRef,\n} from 'react';\n\nimport isEqual from 'lodash/isEqual';\nimport debounce from 'lodash/debounce';\nimport type { Address } from '../../../types/address';\nimport type {\n  AddressInputProps as WDSAddressInputProps,\n  DropdownLayoutValueOption,\n} from '@wix/design-system';\nimport type { AddressInputRef as WDSAddressInputRef } from '@wix/design-system/dist/types/AddressInput/AddressInput';\nimport {\n  AddressInput as WDSAddressInput,\n  addressInputItemBuilder,\n} from '@wix/design-system';\n\nimport type { AtlasAddress, AtlasService } from '../../../services/atlas';\nimport { atlasAddressToAddress } from '../../../services/atlas/utils';\nimport { WixAtlasService } from '../../../services/atlas/wix-atlas-service';\nimport {\n  useControlledInput,\n  useReverseValue,\n  useClearValue,\n  useSetSelectionOnFocus,\n  useRequestFrameCallback,\n  useTranslations,\n} from '../../../hooks';\nimport { noop } from '../../../utils';\n\nconst SEARCH_ADDRESS_DEBOUNCE = 250;\n\nexport interface AddressInputProps\n  extends Omit<\n    WDSAddressInputProps,\n    'value' | 'onChange' | 'onSelect' | 'disabled'\n  > {\n  value?: Address;\n  onChange?: (value?: Address) => void;\n  onInput?: () => void;\n  onSelectAddress?: () => void;\n  readOnly?: boolean;\n  reverseOnEscape?: boolean;\n  /** Optional atlas service for address search. Defaults to WixAtlasService. Useful for testing. */\n  atlasService?: AtlasService;\n  /**\n   * Pre-fills the input on mount, kicks off the suggestion search, and opens\n   * the dropdown. Used by EditableTable's type-to-edit where the first typed\n   * character is delivered as a prop rather than as a real keystroke (the\n   * cell's keydown handler calls preventDefault). Mirrors `initialSearchText`\n   * on CellAutoCompleteInput.\n   */\n  initialSearchText?: string;\n}\n\nexport interface AddressInputImperativeHandle {\n  focus: () => void;\n  clear: () => void;\n}\n\nexport const AddressInput = forwardRef<\n  AddressInputImperativeHandle,\n  AddressInputProps\n>(\n  (\n    {\n      value,\n      onChange,\n      onInput,\n      readOnly,\n      onFocus,\n      onBlur,\n      status,\n      onSelectAddress = noop,\n      reverseOnEscape,\n      atlasService,\n      initialSearchText,\n      ...props\n    },\n    forwardedRef,\n  ) => {\n    const atlas = useMemo(\n      () => atlasService ?? new WixAtlasService(),\n      [atlasService],\n    );\n    const { t } = useTranslations();\n\n    const [address, setAddress, prevAddressRef] = useControlledInput(value);\n    const reverseAddress = useReverseValue(setAddress, prevAddressRef);\n    const clearAddress = useClearValue(setAddress);\n\n    const triggerOnChange = useCallback(\n      (commonAddress?: AtlasAddress) => {\n        const changedValue =\n          commonAddress && atlasAddressToAddress(commonAddress);\n        !isEqual(value, changedValue) && onChange?.(changedValue);\n      },\n      [value, onChange],\n    );\n\n    const [inputValue, setInputValue, prevInputValueRef] = useControlledInput(\n      address?.formatted ?? '',\n    );\n    const reverseInputValue = useReverseValue(setInputValue, prevInputValueRef);\n    const clearInputValue = useClearValue(setInputValue, '');\n\n    const [isSearching, setIsSearching] = useState(false);\n    const [searchResults, setSearchResults] = useState<AtlasAddress[]>([]);\n    const [searchResultsError, setSearchResultsError] = useState<Error>();\n    const searchAddress = useMemo(\n      () =>\n        debounce((query: string) => {\n          setIsSearching(true);\n          setSearchResultsError(undefined);\n          return atlas\n            .searchAddress(query)\n            .then(setSearchResults)\n            .catch(setSearchResultsError)\n            .finally(() => setIsSearching(false));\n        }, SEARCH_ADDRESS_DEBOUNCE),\n      [atlas],\n    );\n    useEffect(\n      () => () => {\n        searchAddress.cancel();\n      },\n      [searchAddress],\n    );\n\n    const onInputChange = useCallback(\n      ({ target }: React.ChangeEvent<HTMLInputElement>) => {\n        onInput?.();\n        setInputValue(target.value);\n\n        const trimmedValue = target.value.trim();\n\n        if (trimmedValue) {\n          searchAddress(trimmedValue);\n        } else {\n          setAddress(undefined);\n          setSearchResults([]);\n\n          setIsSearching(false);\n          setSearchResultsError(undefined);\n        }\n      },\n      [onInput, setAddress, setInputValue, searchAddress],\n    );\n\n    const addressInputRef = useRef<WDSAddressInputRef>(null);\n    useImperativeHandle(\n      forwardedRef,\n      () => ({\n        focus: () => addressInputRef.current?.focus(),\n        clear: () => {\n          clearAddress();\n          clearInputValue();\n        },\n      }),\n      [clearAddress, clearInputValue],\n    );\n\n    useEffect(() => {\n      if (!initialSearchText) return;\n      setInputValue(initialSearchText);\n      searchAddress(initialSearchText.trim());\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, []); // Deliberately run only on mount — initialSearchText is a one-shot seed\n\n    const isFocusedRef = useRef(false);\n    const onSetSelection = useSetSelectionOnFocus();\n    const onInputFocus = useCallback(\n      (e?: React.FocusEvent<HTMLInputElement>) => {\n        isFocusedRef.current = true;\n        onSetSelection(e);\n        onFocus?.(e);\n      },\n      [onSetSelection, onFocus],\n    );\n    const onInputBlur = useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        setSearchResultsError(undefined);\n        isFocusedRef.current = false;\n        onBlur?.(e);\n      },\n      [onBlur],\n    );\n\n    const isMountedRef = useRef(true);\n    useEffect(\n      () => () => {\n        isMountedRef.current = false;\n      },\n      [],\n    );\n\n    const requestFrameCallback = useRequestFrameCallback();\n    const onSelect = useCallback(\n      async (option: DropdownLayoutValueOption) => {\n        const index = Number(option.id);\n        const selectedAddress = searchResults[index];\n\n        if (!selectedAddress) {\n          return;\n        }\n\n        onInput?.();\n        setInputValue(selectedAddress.formatted ?? '');\n        triggerOnChange(selectedAddress);\n        requestFrameCallback(onSelectAddress);\n      },\n      [\n        onInput,\n        onSelectAddress,\n        requestFrameCallback,\n        searchResults,\n        setInputValue,\n        triggerOnChange,\n      ],\n    );\n\n    const inputStatus = useMemo(() => {\n      if (isSearching) {\n        return 'loading';\n      }\n\n      if (searchResultsError) {\n        return 'error';\n      }\n\n      return status;\n    }, [isSearching, searchResultsError, status]);\n\n    const onMouseDown = useCallback((e: React.MouseEvent<HTMLDivElement>) => {\n      const target = e.target as HTMLElement;\n\n      if (target.tagName !== 'INPUT') {\n        e.preventDefault();\n      }\n    }, []);\n\n    const onKeyDown = useCallback(\n      (e: React.KeyboardEvent) => {\n        const target = e.target as HTMLInputElement;\n\n        if (target.tagName !== 'INPUT') {\n          return;\n        }\n\n        if (e.key === 'Escape') {\n          if (reverseOnEscape) {\n            reverseAddress();\n            reverseInputValue();\n            return;\n          }\n\n          if (target.value) {\n            triggerOnChange(prevAddressRef.current);\n          } else {\n            triggerOnChange(undefined);\n          }\n\n          onSelectAddress();\n        }\n      },\n      [\n        prevAddressRef,\n        triggerOnChange,\n        onSelectAddress,\n        reverseOnEscape,\n        reverseAddress,\n        reverseInputValue,\n      ],\n    );\n\n    const options = useMemo(\n      () =>\n        searchResults.map((addr, index) => {\n          const [mainLabel, ...secondaryLabelParts] =\n            addr?.formatted?.split(', ') ?? [];\n\n          return addressInputItemBuilder({\n            id: index,\n            displayLabel: addr.formatted ?? '',\n            mainLabel: mainLabel ?? '',\n            secondaryLabel: secondaryLabelParts.join(', '),\n            optionLayout: 'single-line',\n          });\n        }),\n      [searchResults],\n    );\n\n    return (\n      <div onMouseDown={onMouseDown} onKeyDown={onKeyDown}>\n        <WDSAddressInput\n          dataHook=\"address-input\"\n          {...props}\n          ref={addressInputRef}\n          disabled={readOnly}\n          placeholder={t('auto-patterns.fields.field_type_address_placeholder')}\n          options={options}\n          clearButton={false}\n          onSelect={onSelect}\n          value={inputValue}\n          onChange={onInputChange}\n          onFocus={onInputFocus}\n          onBlur={onInputBlur}\n          autoSelect={false}\n          status={inputStatus}\n        />\n      </div>\n    );\n  },\n);\n\nAddressInput.displayName = 'AddressInput';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/address/input/address-input.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_ = "addressinput4174358991";
+var _namespace_ = "addressinput2865996514";
 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": "addressinput4174358991__root",
-  "tableAddressInput": "addressinput4174358991__tableAddressInput"
+  "root": "addressinput2865996514__root",
+  "tableAddressInput": "addressinput2865996514__tableAddressInput"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/address/input/address-input.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/address/input/address-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"addressinput4174358991\";\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\":\"addressinput4174358991__root\",\"tableAddressInput\":\"addressinput4174358991__tableAddressInput\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,mBAAmB,EAAC;AAA2C,CAAC;AACrH,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/address/input/address-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"addressinput2865996514\";\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\":\"addressinput2865996514__root\",\"tableAddressInput\":\"addressinput2865996514__tableAddressInput\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,mBAAmB,EAAC;AAA2C,CAAC;AACrH,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/address/view/cell-address-view.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.CellAddressView = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _addressView = require("./address-view");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/address/view/cell-address-view.tsx";
+const CellAddressView = ({
+  data
+}) => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  verticalAlign: "middle",
+  width: "100%",
+  minWidth: "0",
+  gap: "SP1",
+  dataHook: "cell-address-view",
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 12,
+    columnNumber: 3
+  }
+}, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.LocationSmall, {
+  style: {
+    flexShrink: 0,
+    color: 'var(--wds-color-text-placeholder)'
+  },
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 19,
+    columnNumber: 5
+  }
+}), /*#__PURE__*/_react.default.createElement(_addressView.AddressView, {
+  data: data,
+  size: "small",
+  ellipsis: true,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 25,
+    columnNumber: 5
+  }
+}));
+exports.CellAddressView = CellAddressView;
+CellAddressView.displayName = 'CellAddressView';
+//# sourceMappingURL=cell-address-view.js.map

package/dist/cjs/components/address/view/cell-address-view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_addressView","_jsxFileName","CellAddressView","data","default","createElement","Box","verticalAlign","width","minWidth","gap","dataHook","__self","__source","fileName","lineNumber","columnNumber","LocationSmall","style","flexShrink","color","AddressView","size","ellipsis","exports","displayName"],"sources":["../../../../../src/components/address/view/cell-address-view.tsx"],"sourcesContent":["import React from 'react';\nimport { Box } from '@wix/design-system';\nimport { LocationSmall } from '@wix/wix-ui-icons-common';\nimport type { Address } from '../../../types/address';\nimport { AddressView } from './address-view';\n\nexport interface CellAddressViewProps {\n  data?: Address;\n}\n\nexport const CellAddressView: React.FC<CellAddressViewProps> = ({ data }) => (\n  <Box\n    verticalAlign=\"middle\"\n    width=\"100%\"\n    minWidth=\"0\"\n    gap=\"SP1\"\n    dataHook=\"cell-address-view\"\n  >\n    <LocationSmall\n      style={{\n        flexShrink: 0,\n        color: 'var(--wds-color-text-placeholder)',\n      }}\n    />\n    <AddressView data={data} size=\"small\" ellipsis />\n  </Box>\n);\n\nCellAddressView.displayName = 'CellAddressView';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AAEA,IAAAG,YAAA,GAAAH,OAAA;AAA6C,IAAAI,YAAA;AAMtC,MAAMC,eAA+C,GAAGA,CAAC;EAAEC;AAAK,CAAC,kBACtER,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,aAAA,CAAAQ,GAAG;EACFC,aAAa,EAAC,QAAQ;EACtBC,KAAK,EAAC,MAAM;EACZC,QAAQ,EAAC,GAAG;EACZC,GAAG,EAAC,KAAK;EACTC,QAAQ,EAAC,mBAAmB;EAAAC,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAb,YAAA;IAAAc,UAAA;IAAAC,YAAA;EAAA;AAAA,gBAE5BrB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,iBAAA,CAAAkB,aAAa;EACZC,KAAK,EAAE;IACLC,UAAU,EAAE,CAAC;IACbC,KAAK,EAAE;EACT,CAAE;EAAAR,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAb,YAAA;IAAAc,UAAA;IAAAC,YAAA;EAAA;AAAA,CACH,CAAC,eACFrB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACL,YAAA,CAAAqB,WAAW;EAAClB,IAAI,EAAEA,IAAK;EAACmB,IAAI,EAAC,OAAO;EAACC,QAAQ;EAAAX,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAb,YAAA;IAAAc,UAAA;IAAAC,YAAA;EAAA;AAAA,CAAE,CAC7C,CACN;AAACQ,OAAA,CAAAtB,eAAA,GAAAA,eAAA;AAEFA,eAAe,CAACuB,WAAW,GAAG,iBAAiB","ignoreList":[]}

package/dist/cjs/components/address/view/index.js

@@ -7,4 +7,10 @@ Object.keys(_addressView).forEach(function (key) {
   if (key in exports && exports[key] === _addressView[key]) return;
   exports[key] = _addressView[key];
 });
+var _cellAddressView = require("./cell-address-view");
+Object.keys(_cellAddressView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _cellAddressView[key]) return;
+  exports[key] = _cellAddressView[key];
+});
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/address/view/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_addressView","require","Object","keys","forEach","key","exports"],"sources":["../../../../../src/components/address/view/index.ts"],"sourcesContent":["export * from './address-view';\n\n"],"mappings":";;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,YAAA,CAAAK,GAAA;AAAA","ignoreList":[]}
+{"version":3,"names":["_addressView","require","Object","keys","forEach","key","exports","_cellAddressView"],"sources":["../../../../../src/components/address/view/index.ts"],"sourcesContent":["export * from './address-view';\nexport * from './cell-address-view';\n"],"mappings":";;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,YAAA,CAAAK,GAAA;AAAA;AACA,IAAAE,gBAAA,GAAAN,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAI,gBAAA,EAAAH,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAE,gBAAA,CAAAF,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAE,gBAAA,CAAAF,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/array/form-array.driver.js

@@ -0,0 +1,18 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FormArrayDriver = FormArrayDriver;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var _baseDriver = require("../../testkit/base-driver");
+function FormArrayDriver(base, body) {
+  const formField = (0, _unidriver.FormFieldUniDriver)(base, body);
+  return {
+    ...(0, _baseDriver.baseUniDriverFactory)(base),
+    getLabel: () => (0, _baseDriver.getFormFieldLabelText)(formField),
+    hasError: () => formField.hasStatus('error'),
+    getErrorMessage: () => formField.getStatusMessage(),
+    isRequired: () => formField.isRequired(),
+    hasSuffix: async () => (await formField.getSuffix()) !== null
+  };
+}
+//# sourceMappingURL=form-array.driver.js.map

package/dist/cjs/components/array/form-array.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_baseDriver","FormArrayDriver","base","body","formField","FormFieldUniDriver","baseUniDriverFactory","getLabel","getFormFieldLabelText","hasError","hasStatus","getErrorMessage","getStatusMessage","isRequired","hasSuffix","getSuffix"],"sources":["../../../../src/components/array/form-array.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { FormFieldUniDriver } from '@wix/design-system/dist/testkit/unidriver';\n\nimport {\n  baseUniDriverFactory,\n  getFormFieldLabelText,\n} from '../../testkit/base-driver';\n\nexport function FormArrayDriver(base: UniDriver, body: UniDriver) {\n  const formField = FormFieldUniDriver(base, body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    getLabel: () => getFormFieldLabelText(formField),\n    hasError: () => formField.hasStatus('error'),\n    getErrorMessage: () => formField.getStatusMessage(),\n    isRequired: () => formField.isRequired(),\n    hasSuffix: async () => (await formField.getSuffix()) !== null,\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAKO,SAASE,eAAeA,CAACC,IAAe,EAAEC,IAAe,EAAE;EAChE,MAAMC,SAAS,GAAG,IAAAC,6BAAkB,EAACH,IAAI,EAAEC,IAAI,CAAC;EAEhD,OAAO;IACL,GAAG,IAAAG,gCAAoB,EAACJ,IAAI,CAAC;IAC7BK,QAAQ,EAAEA,CAAA,KAAM,IAAAC,iCAAqB,EAACJ,SAAS,CAAC;IAChDK,QAAQ,EAAEA,CAAA,KAAML,SAAS,CAACM,SAAS,CAAC,OAAO,CAAC;IAC5CC,eAAe,EAAEA,CAAA,KAAMP,SAAS,CAACQ,gBAAgB,CAAC,CAAC;IACnDC,UAAU,EAAEA,CAAA,KAAMT,SAAS,CAACS,UAAU,CAAC,CAAC;IACxCC,SAAS,EAAE,MAAAA,CAAA,KAAY,CAAC,MAAMV,SAAS,CAACW,SAAS,CAAC,CAAC,MAAM;EAC3D,CAAC;AACH","ignoreList":[]}

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

@@ -0,0 +1,114 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FormArray = void 0;
+var _react = _interopRequireWildcard(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 _hooks = require("../../hooks");
+var _validations = require("../../validations/validations");
+var _string = require("../../validations/string");
+var _typeMismatchExclamation = require("../exclamation/type-mismatch-exclamation");
+var _formJsonInput = require("../json-input/form-json-input");
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/array/form-array.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 _FormArray = props => {
+  var _field$validation2, _controller$fieldStat;
+  const {
+    field,
+    dataHook,
+    formControl,
+    data
+  } = props;
+  const {
+    translate: pt
+  } = (0, _react2.useWixPatternsContainer)();
+  const {
+    t
+  } = (0, _hooks.useTranslations)();
+  const controller = (0, _form.useController)({
+    name: field.id,
+    control: formControl,
+    defaultValue: data == null ? void 0 : data[field.id],
+    rules: {
+      validate: value => {
+        var _field$validation;
+        if ((_field$validation = field.validation) != null && _field$validation.required && (0, _string.isEmpty)(value)) {
+          return pt('cairo.fieldValidation.requiredField');
+        }
+        return true;
+      }
+    }
+  });
+  const {
+    isConverted,
+    convertedValue
+  } = (0, _react.useMemo)(() => {
+    try {
+      return {
+        isConverted: true,
+        convertedValue: _validations.arrayValidation.hardConvert(controller.field.value)
+      };
+    } catch {
+      return {
+        isConverted: false,
+        convertedValue: null
+      };
+    }
+  }, [controller.field.value]);
+  const typeName = t('auto-patterns.fields.field_type_array_title');
+  return /*#__PURE__*/_react.default.createElement(_designSystem.FormField, {
+    label: field.displayName,
+    required: (_field$validation2 = field.validation) == null ? void 0 : _field$validation2.required,
+    status: controller.fieldState.error ? 'error' : undefined,
+    statusMessage: (_controller$fieldStat = controller.fieldState.error) == null ? void 0 : _controller$fieldStat.message,
+    dataHook: dataHook,
+    suffix: (0, _validations.isDataValidOrNotSet)(controller.field.value, _validations.arrayValidation) ? undefined : /*#__PURE__*/_react.default.createElement(_typeMismatchExclamation.TypeMismatchExclamation, {
+      typeName: typeName,
+      clearButtonText: t('auto-patterns.fields.type_mismatch_clear'),
+      convertButtonText: t('auto-patterns.fields.type_mismatch_convert', {
+        typeName: typeName.toLocaleLowerCase()
+      }),
+      onClear: () => controller.field.onChange(undefined),
+      onChange: value => controller.field.onChange(value),
+      convertDisabledText: t('auto-patterns.fields.type_mismatch_convert_disabled'),
+      fieldName: field.displayName,
+      isConverted: isConverted,
+      isConverting: false,
+      convertedValue: convertedValue,
+      tooltipText: t('auto-patterns.fields.type_mismatch_tip', {
+        typeName
+      }),
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 65,
+        columnNumber: 11
+      }
+    }),
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 54,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_formJsonInput.FormJsonInput, {
+    autoFocus: false,
+    data: controller.field.value,
+    onChange: value => controller.field.onChange == null ? void 0 : controller.field.onChange(value),
+    onBlur: controller.field.onBlur,
+    ref: controller.field.ref,
+    dataHook: `array-${field.id}`,
+    field: field.id,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 87,
+      columnNumber: 7
+    }
+  }));
+};
+const FormArray = exports.FormArray = (0, _mobxReactLite.observer)(_FormArray);
+//# sourceMappingURL=form-array.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_react2","_form","_hooks","_validations","_string","_typeMismatchExclamation","_formJsonInput","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_FormArray","props","_field$validation2","_controller$fieldStat","field","dataHook","formControl","data","translate","pt","useWixPatternsContainer","useTranslations","controller","useController","name","id","control","defaultValue","rules","validate","value","_field$validation","validation","required","isEmpty","isConverted","convertedValue","useMemo","arrayValidation","hardConvert","typeName","createElement","FormField","label","displayName","status","fieldState","error","undefined","statusMessage","message","suffix","isDataValidOrNotSet","TypeMismatchExclamation","clearButtonText","convertButtonText","toLocaleLowerCase","onClear","onChange","convertDisabledText","fieldName","isConverting","tooltipText","__self","__source","fileName","lineNumber","columnNumber","FormJsonInput","autoFocus","onBlur","ref","FormArray","exports","observer"],"sources":["../../../../src/components/array/form-array.tsx"],"sourcesContent":["import React, { useMemo } 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 { useTranslations } from '../../hooks';\nimport {\n  arrayValidation,\n  isDataValidOrNotSet,\n} from '../../validations/validations';\nimport { isEmpty } from '../../validations/string';\nimport { TypeMismatchExclamation } from '../exclamation/type-mismatch-exclamation';\n\nimport { FormJsonInput } from '../json-input/form-json-input';\n\nexport interface FormArrayProps extends BaseInputProps<string> {}\n\nconst _FormArray = (props: FormArrayProps) => {\n  const { field, dataHook, formControl, data } = props;\n\n  const { translate: pt } = useWixPatternsContainer();\n  const { t } = useTranslations();\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 pt('cairo.fieldValidation.requiredField');\n        }\n        return true;\n      },\n    },\n  });\n\n  const { isConverted, convertedValue } = useMemo(() => {\n    try {\n      return {\n        isConverted: true,\n        convertedValue: arrayValidation.hardConvert(controller.field.value),\n      };\n    } catch {\n      return { isConverted: false, convertedValue: null };\n    }\n  }, [controller.field.value]);\n\n  const typeName = t('auto-patterns.fields.field_type_array_title');\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n      dataHook={dataHook}\n      suffix={\n        isDataValidOrNotSet(\n          controller.field.value,\n          arrayValidation,\n        ) ? undefined : (\n          <TypeMismatchExclamation\n            typeName={typeName}\n            clearButtonText={t('auto-patterns.fields.type_mismatch_clear')}\n            convertButtonText={t('auto-patterns.fields.type_mismatch_convert', {\n              typeName: typeName.toLocaleLowerCase(),\n            })}\n            onClear={() => controller.field.onChange(undefined)}\n            onChange={(value) => controller.field.onChange(value)}\n            convertDisabledText={t(\n              'auto-patterns.fields.type_mismatch_convert_disabled',\n            )}\n            fieldName={field.displayName}\n            isConverted={isConverted}\n            isConverting={false}\n            convertedValue={convertedValue}\n            tooltipText={t('auto-patterns.fields.type_mismatch_tip', {\n              typeName,\n            })}\n          />\n        )\n      }\n    >\n      <FormJsonInput\n        autoFocus={false}\n        data={controller.field.value}\n        onChange={(value) => controller.field.onChange?.(value)}\n        onBlur={controller.field.onBlur}\n        ref={controller.field.ref}\n        dataHook={`array-${field.id}`}\n        field={field.id}\n      />\n    </FormField>\n  );\n};\n\nexport const FormArray = observer(_FormArray);\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+exports.__esModule = true;
+var _formArray = require("./form-array");
+Object.keys(_formArray).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _formArray[key]) return;
+  exports[key] = _formArray[key];
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_formArray","require","Object","keys","forEach","key","exports"],"sources":["../../../../src/components/array/index.ts"],"sourcesContent":["export * from './form-array';\n"],"mappings":";;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,UAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,UAAA,CAAAK,GAAA;EAAAC,OAAA,CAAAD,GAAA,IAAAL,UAAA,CAAAK,GAAA;AAAA","ignoreList":[]}

package/dist/cjs/components/audio/actions/actions-menu/actions-menu.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_ = "actionsmenu404510853";
+var _namespace_ = "actionsmenu2393580992";
 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": "actionsmenu404510853__root",
-  "action": "actionsmenu404510853__action"
+  "root": "actionsmenu2393580992__root",
+  "action": "actionsmenu2393580992__action"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/audio/actions/actions-menu/actions-menu.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/audio/actions/actions-menu/actions-menu.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"actionsmenu404510853\";\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\":\"actionsmenu404510853__root\",\"action\":\"actionsmenu404510853__action\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-space-100\":\"--wds-space-100\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,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,4BAA4B;EAAC,QAAQ,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;EAAC,eAAe,EAAC;AAAiB,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/audio/actions/actions-menu/actions-menu.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"actionsmenu2393580992\";\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\":\"actionsmenu2393580992__root\",\"action\":\"actionsmenu2393580992__action\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-space-100\":\"--wds-space-100\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,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,6BAA6B;EAAC,QAAQ,EAAC;AAA+B,CAAC;AAC7F,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;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/audio/audio-field/form-audio-field.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "formaudiofield3136717165";
+var _namespace_ = "formaudiofield2312016623";
 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": "formaudiofield3136717165__root",
-  "addItem": "formaudiofield3136717165__addItem",
-  "mediaTitle": "formaudiofield3136717165__mediaTitle"
+  "root": "formaudiofield2312016623__root",
+  "addItem": "formaudiofield2312016623__addItem",
+  "mediaTitle": "formaudiofield2312016623__mediaTitle"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};