@wix/auto-patterns 1.45.0 → 1.47.0

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

@@ -0,0 +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/cms-fields/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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAUA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAD,sBAAA,CAAAF,OAAA;AAOA,IAAAI,aAAA,GAAAJ,OAAA;AAMA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AAQA,IAAAQ,OAAA,GAAAR,OAAA;AAAsC,IAAAS,YAAA;AAAA,SAAAV,wBAAAW,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAb,uBAAA,YAAAA,CAAAW,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;AAEtC,MAAMkB,uBAAuB,GAAG,GAAG;AAsB5B,MAAMC,YAAY,GAAAC,OAAA,CAAAD,YAAA,gBAAG,IAAAE,iBAAU,EAIpC,CACE;EACEC,KAAK;EACLC,QAAQ;EACRC,OAAO;EACPC,QAAQ;EACRC,OAAO;EACPC,MAAM;EACNC,MAAM;EACNC,eAAe,GAAGC,YAAI;EACtBC,eAAe;EACfC,YAAY;EACZ,GAAGC;AACL,CAAC,EACDC,YAAY,KACT;EACH,MAAMC,KAAK,GAAG,IAAAC,cAAO,EACnB,MAAMJ,YAAY,IAAI,IAAIK,gCAAe,CAAC,CAAC,EAC3C,CAACL,YAAY,CACf,CAAC;EACD,MAAM;IAAEhC;EAAE,CAAC,GAAG,IAAAsC,sBAAe,EAAC,CAAC;EAE/B,MAAM,CAACC,OAAO,EAAEC,UAAU,EAAEC,cAAc,CAAC,GAAG,IAAAC,yBAAkB,EAACpB,KAAK,CAAC;EACvE,MAAMqB,cAAc,GAAG,IAAAC,sBAAe,EAACJ,UAAU,EAAEC,cAAc,CAAC;EAClE,MAAMI,YAAY,GAAG,IAAAC,oBAAa,EAACN,UAAU,CAAC;EAE9C,MAAMO,eAAe,GAAG,IAAAC,kBAAW,EAChCC,aAA4B,IAAK;IAChC,MAAMC,YAAY,GAChBD,aAAa,IAAI,IAAAE,4BAAqB,EAACF,aAAa,CAAC;IACvD,CAAC,IAAAG,gBAAO,EAAC9B,KAAK,EAAE4B,YAAY,CAAC,KAAI3B,QAAQ,oBAARA,QAAQ,CAAG2B,YAAY,CAAC;EAC3D,CAAC,EACD,CAAC5B,KAAK,EAAEC,QAAQ,CAClB,CAAC;EAED,MAAM,CAAC8B,UAAU,EAAEC,aAAa,EAAEC,iBAAiB,CAAC,GAAG,IAAAb,yBAAkB,EACvE,CAAAH,OAAO,oBAAPA,OAAO,CAAEiB,SAAS,KAAI,EACxB,CAAC;EACD,MAAMC,iBAAiB,GAAG,IAAAb,sBAAe,EAACU,aAAa,EAAEC,iBAAiB,CAAC;EAC3E,MAAMG,eAAe,GAAG,IAAAZ,oBAAa,EAACQ,aAAa,EAAE,EAAE,CAAC;EAExD,MAAM,CAACK,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACrD,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAF,eAAQ,EAAiB,EAAE,CAAC;EACtE,MAAM,CAACG,kBAAkB,EAAEC,qBAAqB,CAAC,GAAG,IAAAJ,eAAQ,EAAQ,CAAC;EACrE,MAAMK,aAAa,GAAG,IAAA9B,cAAO,EAC3B,MACE,IAAA+B,iBAAQ,EAAEC,KAAa,IAAK;IAC1BR,cAAc,CAAC,IAAI,CAAC;IACpBK,qBAAqB,CAACI,SAAS,CAAC;IAChC,OAAOlC,KAAK,CACT+B,aAAa,CAACE,KAAK,CAAC,CACpBE,IAAI,CAACP,gBAAgB,CAAC,CACtBQ,KAAK,CAACN,qBAAqB,CAAC,CAC5BO,OAAO,CAAC,MAAMZ,cAAc,CAAC,KAAK,CAAC,CAAC;EACzC,CAAC,EAAE1C,uBAAuB,CAAC,EAC7B,CAACiB,KAAK,CACR,CAAC;EACD,IAAAsC,gBAAS,EACP,MAAM,MAAM;IACVP,aAAa,CAACQ,MAAM,CAAC,CAAC;EACxB,CAAC,EACD,CAACR,aAAa,CAChB,CAAC;EAED,MAAMS,aAAa,GAAG,IAAA3B,kBAAW,EAC/B,CAAC;IAAE4B;EAA4C,CAAC,KAAK;IACnDpD,OAAO,YAAPA,OAAO,CAAG,CAAC;IACX8B,aAAa,CAACsB,MAAM,CAACtD,KAAK,CAAC;IAE3B,MAAMuD,YAAY,GAAGD,MAAM,CAACtD,KAAK,CAACwD,IAAI,CAAC,CAAC;IAExC,IAAID,YAAY,EAAE;MAChBX,aAAa,CAACW,YAAY,CAAC;IAC7B,CAAC,MAAM;MACLrC,UAAU,CAAC6B,SAAS,CAAC;MACrBN,gBAAgB,CAAC,EAAE,CAAC;MAEpBH,cAAc,CAAC,KAAK,CAAC;MACrBK,qBAAqB,CAACI,SAAS,CAAC;IAClC;EACF,CAAC,EACD,CAAC7C,OAAO,EAAEgB,UAAU,EAAEc,aAAa,EAAEY,aAAa,CACpD,CAAC;EAED,MAAMa,eAAe,GAAG,IAAAC,aAAM,EAAqB,IAAI,CAAC;EACxD,IAAAC,0BAAmB,EACjB/C,YAAY,EACZ,OAAO;IACLgD,KAAK,EAAEA,CAAA;MAAA,IAAAC,qBAAA;MAAA,QAAAA,qBAAA,GAAMJ,eAAe,CAACK,OAAO,qBAAvBD,qBAAA,CAAyBD,KAAK,CAAC,CAAC;IAAA;IAC7CG,KAAK,EAAEA,CAAA,KAAM;MACXxC,YAAY,CAAC,CAAC;MACda,eAAe,CAAC,CAAC;IACnB;EACF,CAAC,CAAC,EACF,CAACb,YAAY,EAAEa,eAAe,CAChC,CAAC;EAED,MAAM4B,YAAY,GAAG,IAAAN,aAAM,EAAC,KAAK,CAAC;EAClC,MAAMO,cAAc,GAAG,IAAAC,6BAAsB,EAAC,CAAC;EAC/C,MAAMC,YAAY,GAAG,IAAAzC,kBAAW,EAC7BjD,CAAsC,IAAK;IAC1CuF,YAAY,CAACF,OAAO,GAAG,IAAI;IAC3BG,cAAc,CAACxF,CAAC,CAAC;IACjB2B,OAAO,YAAPA,OAAO,CAAG3B,CAAC,CAAC;EACd,CAAC,EACD,CAACwF,cAAc,EAAE7D,OAAO,CAC1B,CAAC;EACD,MAAMgE,WAAW,GAAG,IAAA1C,kBAAW,EAC5BjD,CAAqC,IAAK;IACzCkE,qBAAqB,CAACI,SAAS,CAAC;IAChCiB,YAAY,CAACF,OAAO,GAAG,KAAK;IAC5BzD,MAAM,YAANA,MAAM,CAAG5B,CAAC,CAAC;EACb,CAAC,EACD,CAAC4B,MAAM,CACT,CAAC;EAED,MAAMgE,YAAY,GAAG,IAAAX,aAAM,EAAC,IAAI,CAAC;EACjC,IAAAP,gBAAS,EACP,MAAM,MAAM;IACVkB,YAAY,CAACP,OAAO,GAAG,KAAK;EAC9B,CAAC,EACD,EACF,CAAC;EAED,MAAMQ,oBAAoB,GAAG,IAAAC,8BAAuB,EAAC,CAAC;EACtD,MAAMC,QAAQ,GAAG,IAAA9C,kBAAW,EAC1B,MAAO+C,MAAiC,IAAK;IAC3C,MAAMC,KAAK,GAAGC,MAAM,CAACF,MAAM,CAACG,EAAE,CAAC;IAC/B,MAAMC,eAAe,GAAGrC,aAAa,CAACkC,KAAK,CAAC;IAE5C,IAAI,CAACG,eAAe,EAAE;MACpB;IACF;IAEA3E,OAAO,YAAPA,OAAO,CAAG,CAAC;IACX8B,aAAa,CAAC6C,eAAe,CAAC3C,SAAS,IAAI,EAAE,CAAC;IAC9CT,eAAe,CAACoD,eAAe,CAAC;IAChCP,oBAAoB,CAAC/D,eAAe,CAAC;EACvC,CAAC,EACD,CACEL,OAAO,EACPK,eAAe,EACf+D,oBAAoB,EACpB9B,aAAa,EACbR,aAAa,EACbP,eAAe,CAEnB,CAAC;EAED,MAAMqD,WAAW,GAAG,IAAAhE,cAAO,EAAC,MAAM;IAChC,IAAIuB,WAAW,EAAE;MACf,OAAO,SAAS;IAClB;IAEA,IAAIK,kBAAkB,EAAE;MACtB,OAAO,OAAO;IAChB;IAEA,OAAOpC,MAAM;EACf,CAAC,EAAE,CAAC+B,WAAW,EAAEK,kBAAkB,EAAEpC,MAAM,CAAC,CAAC;EAE7C,MAAMyE,WAAW,GAAG,IAAArD,kBAAW,EAAEjD,CAAmC,IAAK;IACvE,MAAM6E,MAAM,GAAG7E,CAAC,CAAC6E,MAAqB;IAEtC,IAAIA,MAAM,CAAC0B,OAAO,KAAK,OAAO,EAAE;MAC9BvG,CAAC,CAACwG,cAAc,CAAC,CAAC;IACpB;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,SAAS,GAAG,IAAAxD,kBAAW,EAC1BjD,CAAsB,IAAK;IAC1B,MAAM6E,MAAM,GAAG7E,CAAC,CAAC6E,MAA0B;IAE3C,IAAIA,MAAM,CAAC0B,OAAO,KAAK,OAAO,EAAE;MAC9B;IACF;IAEA,IAAIvG,CAAC,CAAC0G,GAAG,KAAK,QAAQ,EAAE;MACtB,IAAI1E,eAAe,EAAE;QACnBY,cAAc,CAAC,CAAC;QAChBc,iBAAiB,CAAC,CAAC;QACnB;MACF;MAEA,IAAImB,MAAM,CAACtD,KAAK,EAAE;QAChByB,eAAe,CAACN,cAAc,CAAC2C,OAAO,CAAC;MACzC,CAAC,MAAM;QACLrC,eAAe,CAACsB,SAAS,CAAC;MAC5B;MAEAxC,eAAe,CAAC,CAAC;IACnB;EACF,CAAC,EACD,CACEY,cAAc,EACdM,eAAe,EACflB,eAAe,EACfE,eAAe,EACfY,cAAc,EACdc,iBAAiB,CAErB,CAAC;EAED,MAAMiD,OAAO,GAAG,IAAAtE,cAAO,EACrB,MACE0B,aAAa,CAAC6C,GAAG,CAAC,CAACC,IAAI,EAAEZ,KAAK,KAAK;IAAA,IAAAa,eAAA;IACjC,MAAM,CAACC,SAAS,EAAE,GAAGC,mBAAmB,CAAC,GACvC,CAAAH,IAAI,aAAAC,eAAA,GAAJD,IAAI,CAAEpD,SAAS,qBAAfqD,eAAA,CAAiBG,KAAK,CAAC,IAAI,CAAC,KAAI,EAAE;IAEpC,OAAO,IAAAC,qCAAuB,EAAC;MAC7Bf,EAAE,EAAEF,KAAK;MACTkB,YAAY,EAAEN,IAAI,CAACpD,SAAS,IAAI,EAAE;MAClCsD,SAAS,EAAEA,SAAS,IAAI,EAAE;MAC1BK,cAAc,EAAEJ,mBAAmB,CAACK,IAAI,CAAC,IAAI,CAAC;MAC9CC,YAAY,EAAE;IAChB,CAAC,CAAC;EACJ,CAAC,CAAC,EACJ,CAACvD,aAAa,CAChB,CAAC;EAED,oBACE3E,MAAA,CAAAsB,OAAA,CAAA6G,aAAA;IAAKjB,WAAW,EAAEA,WAAY;IAACG,SAAS,EAAEA,SAAU;IAAAe,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3H,YAAA;MAAA4H,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAClDxI,MAAA,CAAAsB,OAAA,CAAA6G,aAAA,CAAC7H,aAAA,CAAA0B,YAAe,MAAAyG,SAAA,CAAAnH,OAAA;IACdoH,QAAQ,EAAC;EAAe,GACpB5F,KAAK;IACT6F,GAAG,EAAE/C,eAAgB;IACrBgD,QAAQ,EAAEtG,QAAS;IACnBuG,WAAW,EAAEhI,CAAC,CAAC,qDAAqD,CAAE;IACtE0G,OAAO,EAAEA,OAAQ;IACjBuB,WAAW,EAAE,KAAM;IACnBnC,QAAQ,EAAEA,QAAS;IACnBxE,KAAK,EAAE+B,UAAW;IAClB9B,QAAQ,EAAEoD,aAAc;IACxBjD,OAAO,EAAE+D,YAAa;IACtB9D,MAAM,EAAE+D,WAAY;IACpBwC,UAAU,EAAE,KAAM;IAClBtG,MAAM,EAAEwE,WAAY;IAAAmB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3H,YAAA;MAAA4H,UAAA;MAAAC,YAAA;IAAA;EAAA,EACrB,CACE,CAAC;AAEV,CACF,CAAC;AAEDxG,YAAY,CAACgH,WAAW,GAAG,cAAc","ignoreList":[]}

package/dist/cjs/cms-fields/components/address/input/address-input.st.css

@@ -0,0 +1,17 @@
+.tableAddressInput {
+    height: 36px !important;
+    margin-left: -1px;
+    display: flex !important;
+    align-items: center;
+    width: 100%;
+}
+
+.tableAddressInput > div {
+    padding: 0 !important;
+    width: 100%;
+}
+
+.tableAddressInput:focus-within {
+    margin-left: 2px;
+}
+

package/dist/cjs/cms-fields/components/address/input/address-input.st.css.js

@@ -0,0 +1,23 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "addressinput4009507416";
+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": "addressinput4009507416__root",
+  "tableAddressInput": "addressinput4009507416__tableAddressInput"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {};
+//# sourceMappingURL=address-input.st.css.js.map

package/dist/cjs/cms-fields/components/address/input/address-input.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../src/cms-fields/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_ = \"addressinput4009507416\";\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\":\"addressinput4009507416__root\",\"tableAddressInput\":\"addressinput4009507416__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/cms-fields/components/address/input/address-input.uni.driver.js

@@ -0,0 +1,12 @@
+"use strict";
+
+exports.__esModule = true;
+exports.AddressInputUniDriver = AddressInputUniDriver;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+function AddressInputUniDriver(base, body) {
+  const input = () => (0, _unidriver.AddressInputUniDriver)(base, body);
+  return {
+    ...input()
+  };
+}
+//# sourceMappingURL=address-input.uni.driver.js.map

package/dist/cjs/cms-fields/components/address/input/address-input.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","AddressInputUniDriver","base","body","input","WDSAddressInputUniDriver"],"sources":["../../../../../../src/cms-fields/components/address/input/address-input.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/dist/types/unidriver';\nimport { AddressInputUniDriver as WDSAddressInputUniDriver } from '@wix/design-system/dist/testkit/unidriver';\n\nexport function AddressInputUniDriver(base: UniDriver, body: UniDriver) {\n  const input = () => WDSAddressInputUniDriver(base, body);\n\n  return {\n    ...input(),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAEO,SAASC,qBAAqBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACtE,MAAMC,KAAK,GAAGA,CAAA,KAAM,IAAAC,gCAAwB,EAACH,IAAI,EAAEC,IAAI,CAAC;EAExD,OAAO;IACL,GAAGC,KAAK,CAAC;EACX,CAAC;AACH","ignoreList":[]}

package/dist/cjs/cms-fields/components/address/input/form-address-input.js

@@ -0,0 +1,45 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FormAddressInput = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _common = require("../../common");
+var _hooks = require("../../../hooks");
+var _addressInput = require("./address-input");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/address/input/form-address-input.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 popoverProps = {
+  maxWidth: 540,
+  appendTo: 'window',
+  zIndex: _common.Z_INDEX_MODAL_POPOVER
+};
+const FormAddressInput = ({
+  data,
+  onChange,
+  onInput,
+  autoFocus,
+  readOnly,
+  dataHook
+}) => {
+  const inputRef = (0, _react.useRef)(null);
+  (0, _hooks.useAutoFocus)(inputRef, autoFocus);
+  return /*#__PURE__*/_react.default.createElement(_addressInput.AddressInput, {
+    ref: inputRef,
+    dataHook: dataHook,
+    value: data,
+    onChange: onChange,
+    onInput: onInput,
+    readOnly: readOnly,
+    border: "standard",
+    popoverProps: popoverProps,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 31,
+      columnNumber: 5
+    }
+  });
+};
+exports.FormAddressInput = FormAddressInput;
+FormAddressInput.displayName = 'FormAddressInput';
+//# sourceMappingURL=form-address-input.js.map

package/dist/cjs/cms-fields/components/address/input/form-address-input.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_common","_hooks","_addressInput","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","popoverProps","maxWidth","appendTo","zIndex","Z_INDEX_MODAL_POPOVER","FormAddressInput","data","onChange","onInput","autoFocus","readOnly","dataHook","inputRef","useRef","useAutoFocus","createElement","AddressInput","ref","value","border","__self","__source","fileName","lineNumber","columnNumber","exports","displayName"],"sources":["../../../../../../src/cms-fields/components/address/input/form-address-input.tsx"],"sourcesContent":["import React, { useRef } from 'react';\n\nimport type { Address } from '../../../types/address';\nimport type { FormInputProps } from '../../../types/form-input';\nimport { Z_INDEX_MODAL_POPOVER } from '../../common';\nimport { useAutoFocus } from '../../../hooks';\n\nimport type { AddressInputImperativeHandle } from './address-input';\nimport { AddressInput } from './address-input';\n\nconst popoverProps = {\n  maxWidth: 540,\n  appendTo: 'window',\n  zIndex: Z_INDEX_MODAL_POPOVER,\n} as const;\n\nexport type FormAddressInputProps = FormInputProps<Address>;\n\nexport const FormAddressInput: React.FC<FormAddressInputProps> = ({\n  data,\n  onChange,\n  onInput,\n  autoFocus,\n  readOnly,\n  dataHook,\n}) => {\n  const inputRef = useRef<AddressInputImperativeHandle>(null);\n  useAutoFocus(inputRef, autoFocus);\n\n  return (\n    <AddressInput\n      ref={inputRef}\n      dataHook={dataHook}\n      value={data}\n      onChange={onChange}\n      onInput={onInput}\n      readOnly={readOnly}\n      border=\"standard\"\n      popoverProps={popoverProps}\n    />\n  );\n};\n\nFormAddressInput.displayName = 'FormAddressInput';\n\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAIA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAGA,IAAAG,aAAA,GAAAH,OAAA;AAA+C,IAAAI,YAAA;AAAA,SAAAL,wBAAAM,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAR,uBAAA,YAAAA,CAAAM,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;AAE/C,MAAMkB,YAAY,GAAG;EACnBC,QAAQ,EAAE,GAAG;EACbC,QAAQ,EAAE,QAAQ;EAClBC,MAAM,EAAEC;AACV,CAAU;AAIH,MAAMC,gBAAiD,GAAGA,CAAC;EAChEC,IAAI;EACJC,QAAQ;EACRC,OAAO;EACPC,SAAS;EACTC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,MAAMC,QAAQ,GAAG,IAAAC,aAAM,EAA+B,IAAI,CAAC;EAC3D,IAAAC,mBAAY,EAACF,QAAQ,EAAEH,SAAS,CAAC;EAEjC,oBACEnC,MAAA,CAAAiB,OAAA,CAAAwB,aAAA,CAACpC,aAAA,CAAAqC,YAAY;IACXC,GAAG,EAAEL,QAAS;IACdD,QAAQ,EAAEA,QAAS;IACnBO,KAAK,EAAEZ,IAAK;IACZC,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAEA,OAAQ;IACjBE,QAAQ,EAAEA,QAAS;IACnBS,MAAM,EAAC,UAAU;IACjBnB,YAAY,EAAEA,YAAa;IAAAoB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1C,YAAA;MAAA2C,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC5B,CAAC;AAEN,CAAC;AAACC,OAAA,CAAApB,gBAAA,GAAAA,gBAAA;AAEFA,gBAAgB,CAACqB,WAAW,GAAG,kBAAkB","ignoreList":[]}

package/dist/cjs/cms-fields/components/address/input/index.js

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

package/dist/cjs/cms-fields/components/address/input/index.js.map

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

package/dist/cjs/cms-fields/components/address/view/address-view.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.AddressView = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _text = require("../../text");
+var _hooks = require("./hooks");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/address/view/address-view.tsx";
+const AddressView = ({
+  data,
+  ...rest
+}) => {
+  const address = (0, _hooks.useFormattedAddress)(data);
+  return /*#__PURE__*/_react.default.createElement(_text.TextView, (0, _extends2.default)({
+    dataHook: "address-view"
+  }, rest, {
+    data: address,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 15,
+      columnNumber: 10
+    }
+  }));
+};
+exports.AddressView = AddressView;
+AddressView.displayName = 'AddressView';
+//# sourceMappingURL=address-view.js.map

package/dist/cjs/cms-fields/components/address/view/address-view.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_text","_hooks","_jsxFileName","AddressView","data","rest","address","useFormattedAddress","default","createElement","TextView","_extends2","dataHook","__self","__source","fileName","lineNumber","columnNumber","exports","displayName"],"sources":["../../../../../../src/cms-fields/components/address/view/address-view.tsx"],"sourcesContent":["import React from 'react';\n\nimport { TextView } from '../../text';\n\nimport { useFormattedAddress } from './hooks';\nimport { Address } from '../../../types/address';\nimport { TextProps } from '@wix/design-system';\n\nexport type AddressViewProps = TextProps & {\n  data?: Address;\n};\n\nexport const AddressView: React.FC<AddressViewProps> = ({ data, ...rest }) => {\n  const address = useFormattedAddress(data);\n  return <TextView dataHook=\"address-view\" {...rest} data={address} />;\n};\n\nAddressView.displayName = 'AddressView';\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAA8C,IAAAG,YAAA;AAQvC,MAAMC,WAAuC,GAAGA,CAAC;EAAEC,IAAI;EAAE,GAAGC;AAAK,CAAC,KAAK;EAC5E,MAAMC,OAAO,GAAG,IAAAC,0BAAmB,EAACH,IAAI,CAAC;EACzC,oBAAOP,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,KAAA,CAAAU,QAAQ,MAAAC,SAAA,CAAAH,OAAA;IAACI,QAAQ,EAAC;EAAc,GAAKP,IAAI;IAAED,IAAI,EAAEE,OAAQ;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAE,CAAC;AACtE,CAAC;AAACC,OAAA,CAAAf,WAAA,GAAAA,WAAA;AAEFA,WAAW,CAACgB,WAAW,GAAG,aAAa","ignoreList":[]}

package/dist/cjs/cms-fields/components/address/view/address-view.uni.driver.js

@@ -0,0 +1,12 @@
+"use strict";
+
+exports.__esModule = true;
+exports.AddressViewUniDriver = AddressViewUniDriver;
+var _AutoPatternsAppUni = require("../../../../components/AutoPatternsApp/AutoPatternsApp.uni.driver");
+function AddressViewUniDriver(base) {
+  return {
+    ...(0, _AutoPatternsAppUni.baseUniDriverFactory)(base),
+    getText: () => base.text()
+  };
+}
+//# sourceMappingURL=address-view.uni.driver.js.map

package/dist/cjs/cms-fields/components/address/view/address-view.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_AutoPatternsAppUni","require","AddressViewUniDriver","base","baseUniDriverFactory","getText","text"],"sources":["../../../../../../src/cms-fields/components/address/view/address-view.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/dist/types/unidriver';\nimport { baseUniDriverFactory } from '../../../../components/AutoPatternsApp/AutoPatternsApp.uni.driver';\n\nexport function AddressViewUniDriver(base: UniDriver) {\n  return {\n    ...baseUniDriverFactory(base),\n    getText: () => base.text(),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,mBAAA,GAAAC,OAAA;AAEO,SAASC,oBAAoBA,CAACC,IAAe,EAAE;EACpD,OAAO;IACL,GAAG,IAAAC,wCAAoB,EAACD,IAAI,CAAC;IAC7BE,OAAO,EAAEA,CAAA,KAAMF,IAAI,CAACG,IAAI,CAAC;EAC3B,CAAC;AACH","ignoreList":[]}

package/dist/cjs/cms-fields/components/address/view/hooks.js

@@ -0,0 +1,9 @@
+"use strict";
+
+exports.__esModule = true;
+exports.useFormattedAddress = void 0;
+const useFormattedAddress = address => {
+  return (address == null ? void 0 : address.formatted) ?? '';
+};
+exports.useFormattedAddress = useFormattedAddress;
+//# sourceMappingURL=hooks.js.map

package/dist/cjs/cms-fields/components/address/view/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useFormattedAddress","address","formatted","exports"],"sources":["../../../../../../src/cms-fields/components/address/view/hooks.ts"],"sourcesContent":["import type { Address } from '../../../types/address';\n\nexport const useFormattedAddress = (address?: Address) => {\n  return address?.formatted ?? '';\n};\n\n"],"mappings":";;;;AAEO,MAAMA,mBAAmB,GAAIC,OAAiB,IAAK;EACxD,OAAO,CAAAA,OAAO,oBAAPA,OAAO,CAAEC,SAAS,KAAI,EAAE;AACjC,CAAC;AAACC,OAAA,CAAAH,mBAAA,GAAAA,mBAAA","ignoreList":[]}

package/dist/cjs/cms-fields/components/address/view/index.js

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

package/dist/cjs/cms-fields/components/address/view/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_addressView","require","Object","keys","forEach","key","exports"],"sources":["../../../../../../src/cms-fields/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":[]}

package/dist/cjs/cms-fields/components/audio/actions/actions-button/actions-button.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.ActionsButton = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _actionsMenu = require("../actions-menu");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/audio/actions/actions-button/actions-button.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 ActionsButton = ({
+  actionsMenuProps,
+  priority = 'primary',
+  skin = 'standard',
+  size,
+  dataHook,
+  onClick,
+  disabled,
+  className
+}) => {
+  const handleClick = (0, _react.useCallback)(toggle => e => {
+    onClick == null || onClick(e);
+    toggle();
+  }, [onClick]);
+  const renderChildren = (0, _react.useCallback)(({
+    toggle
+  }) => {
+    return /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
+      dataHook: dataHook,
+      priority: priority,
+      onClick: handleClick(toggle),
+      skin: skin,
+      disabled: disabled,
+      size: size,
+      className: className,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 39,
+        columnNumber: 9
+      }
+    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.More, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 48,
+        columnNumber: 11
+      }
+    }));
+  }, [dataHook, priority, skin, size, disabled, handleClick, className]);
+  return /*#__PURE__*/_react.default.createElement(_actionsMenu.ActionsMenu, (0, _extends2.default)({
+    placement: "bottom"
+  }, actionsMenuProps, {
+    children: renderChildren,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 56,
+      columnNumber: 5
+    }
+  }));
+};
+exports.ActionsButton = ActionsButton;
+ActionsButton.displayName = 'ActionsButton';
+//# sourceMappingURL=actions-button.js.map

package/dist/cjs/cms-fields/components/audio/actions/actions-button/actions-button.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_actionsMenu","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ActionsButton","actionsMenuProps","priority","skin","size","dataHook","onClick","disabled","className","handleClick","useCallback","toggle","renderChildren","createElement","IconButton","__self","__source","fileName","lineNumber","columnNumber","More","ActionsMenu","_extends2","placement","children","exports","displayName"],"sources":["../../../../../../../src/cms-fields/components/audio/actions/actions-button/actions-button.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useCallback } from 'react';\n\nimport type { IconButtonProps } from '@wix/design-system';\nimport { IconButton } from '@wix/design-system';\nimport { More as MoreIcon } from '@wix/wix-ui-icons-common';\n\nimport type { ActionsMenuProps } from '../actions-menu';\nimport { ActionsMenu } from '../actions-menu';\n\nexport type ActionsButtonProps = IconButtonProps & {\n  actionsMenuProps: Omit<ActionsMenuProps, 'children'>;\n  onClick?: React.MouseEventHandler;\n};\n\nexport const ActionsButton: FC<ActionsButtonProps> = ({\n  actionsMenuProps,\n  priority = 'primary',\n  skin = 'standard',\n  size,\n  dataHook,\n  onClick,\n  disabled,\n  className,\n}) => {\n  const handleClick = useCallback<\n    (toggle: () => void) => React.MouseEventHandler\n  >(\n    (toggle) => (e) => {\n      onClick?.(e);\n      toggle();\n    },\n    [onClick],\n  );\n\n  const renderChildren = useCallback(\n    ({ toggle }) => {\n      return (\n        <IconButton\n          dataHook={dataHook}\n          priority={priority}\n          onClick={handleClick(toggle)}\n          skin={skin}\n          disabled={disabled}\n          size={size}\n          className={className}\n        >\n          <MoreIcon />\n        </IconButton>\n      );\n    },\n    [dataHook, priority, skin, size, disabled, handleClick, className],\n  );\n\n  return (\n    <ActionsMenu\n      placement=\"bottom\"\n      {...actionsMenuProps}\n      children={renderChildren}\n    />\n  );\n};\n\nActionsButton.displayName = 'ActionsButton';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/cms-fields/components/audio/actions/actions-button/index.js

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

package/dist/cjs/cms-fields/components/audio/actions/actions-button/index.js.map

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

package/dist/cjs/cms-fields/components/audio/actions/actions-menu/actions-menu.js

@@ -0,0 +1,119 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.actionsFromSections = exports.ActionsMenu = exports.ACTIONS_MENU_DIVIDER = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _omit = _interopRequireDefault(require("lodash/omit"));
+var _react = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _utils = require("../../../../utils");
+var _hooks = require("../../../../hooks");
+var _common = require("../../../common");
+var _actionsMenuStCss = require("./actions-menu.st.css.js");
+var _jsxFileName = "/home/builduser/work/8f3ab5a55e62623a/packages/auto-patterns/dist/cjs/cms-fields/components/audio/actions/actions-menu/actions-menu.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 ACTIONS_MENU_DIVIDER = exports.ACTIONS_MENU_DIVIDER = 'divider';
+const actionsFromSections = sections => sections.map(section => section.filter(_utils.isTruthy)).filter(section => section.length > 0).flatMap(section => [...section, ACTIONS_MENU_DIVIDER]).slice(0, -1);
+exports.actionsFromSections = actionsFromSections;
+const getActionsMenuOffset = (showArrow = true) => ({
+  up: showArrow ? 18 : 12,
+  down: showArrow ? 18 : 12
+});
+const ActionsMenu = ({
+  actions,
+  focusable = false,
+  onKeyDown,
+  children,
+  ...props
+}) => {
+  const anchorRef = (0, _react.useRef)(null);
+  const [maxHeight, setMaxHeight] = (0, _react.useState)();
+  const updateMaxHeight = (0, _react.useCallback)(() => setMaxHeight((0, _utils.getAppPopoverMaxHeight)(anchorRef.current, props.flip, getActionsMenuOffset(props.showArrow))), [props.flip, props.showArrow]);
+  (0, _hooks.useResizeEffect)(updateMaxHeight);
+  (0, _react.useEffect)(() => {
+    const frameId = requestAnimationFrame(updateMaxHeight);
+    return () => cancelAnimationFrame(frameId);
+  }, [updateMaxHeight]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: anchorRef,
+    onClick: !focusable ? _utils.stopEvent : undefined,
+    onMouseDown: !focusable ? _utils.preventEvent : undefined,
+    onKeyDownCapture: onKeyDown,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 102,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu, (0, _extends2.default)({
+    placement: "auto",
+    zIndex: _common.Z_INDEX_POPOVER
+  }, props, {
+    triggerElement: children,
+    maxHeight: props.maxHeight ?? maxHeight,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 108,
+      columnNumber: 7
+    }
+  }), actions.map((action, index) => {
+    if (action === ACTIONS_MENU_DIVIDER) {
+      return /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.Divider, {
+        key: `divider-${index}`,
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 117,
+          columnNumber: 20
+        }
+      });
+    }
+    const itemProps = 'label' in action ? {
+      text: action.label,
+      prefixIcon: action.icon,
+      ...(0, _omit.default)(action, 'id', 'label', 'icon')
+    } : {
+      text: action.element,
+      ...(0, _omit.default)(action, 'id', 'element')
+    };
+    return /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, (0, _extends2.default)({
+      key: action.id ?? `item-${index}`
+    }, itemProps, {
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 133,
+        columnNumber: 13
+      }
+    }));
+  })));
+};
+exports.ActionsMenu = ActionsMenu;
+ActionsMenu.displayName = 'ActionsMenu';
+ActionsMenu.Action = ({
+  icon,
+  children,
+  ...props
+}) => /*#__PURE__*/_react.default.createElement(_designSystem.Box, (0, _extends2.default)({
+  className: _actionsMenuStCss.classes.action,
+  verticalAlign: "middle",
+  gap: "SP1"
+}, props, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 147,
+    columnNumber: 3
+  }
+}), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 148,
+    columnNumber: 5
+  }
+}, icon), children);
+ActionsMenu.Action.displayName = 'ActionsMenu.Action';
+//# sourceMappingURL=actions-menu.js.map

package/dist/cjs/cms-fields/components/audio/actions/actions-menu/actions-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_omit","_interopRequireDefault","require","_react","_interopRequireWildcard","_designSystem","_utils","_hooks","_common","_actionsMenuStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ACTIONS_MENU_DIVIDER","exports","actionsFromSections","sections","map","section","filter","isTruthy","length","flatMap","slice","getActionsMenuOffset","showArrow","up","down","ActionsMenu","actions","focusable","onKeyDown","children","props","anchorRef","useRef","maxHeight","setMaxHeight","useState","updateMaxHeight","useCallback","getAppPopoverMaxHeight","current","flip","useResizeEffect","useEffect","frameId","requestAnimationFrame","cancelAnimationFrame","createElement","ref","onClick","stopEvent","undefined","onMouseDown","preventEvent","onKeyDownCapture","__self","__source","fileName","lineNumber","columnNumber","PopoverMenu","_extends2","placement","zIndex","Z_INDEX_POPOVER","triggerElement","action","index","Divider","key","itemProps","text","label","prefixIcon","icon","omit","element","MenuItem","id","displayName","Action","Box","className","classes","verticalAlign","gap"],"sources":["../../../../../../../src/cms-fields/components/audio/actions/actions-menu/actions-menu.tsx"],"sourcesContent":["import omit from 'lodash/omit';\nimport React, { useCallback, useEffect, useState, useRef } from 'react';\n\nimport type {\n  BoxProps,\n  PopoverMenuProps,\n  PopoverMenuItemProps,\n} from '@wix/design-system';\nimport { Box, PopoverMenu } from '@wix/design-system';\n\nimport {\n  getAppPopoverMaxHeight,\n  preventEvent,\n  stopEvent,\n  isTruthy,\n} from '../../../../utils';\nimport { useResizeEffect } from '../../../../hooks';\n\nimport { Z_INDEX_POPOVER } from '../../../common';\n\nimport { classes } from './actions-menu.st.css.js';\n\nexport type ActionsMenuAction = Omit<\n  PopoverMenuItemProps,\n  'text' | 'subtitle' | 'prefixIcon'\n> & {\n  id?: string | number;\n} & (\n    | {\n        element: React.ReactElement;\n      }\n    | {\n        icon?: PopoverMenuItemProps['prefixIcon'];\n        label: string;\n      }\n  );\n\nexport type ActionsMenuDivider = 'divider';\nexport type ActionsMenuItem = ActionsMenuAction | ActionsMenuDivider;\n\nexport const ACTIONS_MENU_DIVIDER: ActionsMenuDivider = 'divider';\n\nexport const actionsFromSections = (\n  sections: (ActionsMenuAction | undefined)[][],\n): ActionsMenuItem[] =>\n  sections\n    .map((section) => section.filter(isTruthy) as ActionsMenuAction[])\n    .filter((section) => section.length > 0)\n    .flatMap((section) => [...section, ACTIONS_MENU_DIVIDER] as ActionsMenuItem[])\n    .slice(0, -1);\n\nexport interface ActionsMenuProps\n  extends Omit<PopoverMenuProps, 'triggerElement'> {\n  actions: ActionsMenuItem[];\n  focusable?: boolean;\n  onKeyDown?: React.KeyboardEventHandler;\n  children: PopoverMenuProps['triggerElement'];\n}\n\nexport interface ActionsMenuActionProps extends BoxProps {\n  icon?: React.ReactElement;\n}\n\ntype ActionsMenuFC = React.FC<ActionsMenuProps> & {\n  Action: React.FC<ActionsMenuActionProps>;\n};\n\nconst getActionsMenuOffset = (showArrow = true) => ({\n  up: showArrow ? 18 : 12,\n  down: showArrow ? 18 : 12,\n});\n\nexport const ActionsMenu: ActionsMenuFC = ({\n  actions,\n  focusable = false,\n  onKeyDown,\n  children,\n  ...props\n}) => {\n  const anchorRef = useRef<HTMLDivElement>(null);\n\n  const [maxHeight, setMaxHeight] = useState<number>();\n  const updateMaxHeight = useCallback(\n    () =>\n      setMaxHeight(\n        getAppPopoverMaxHeight(\n          anchorRef.current,\n          props.flip,\n          getActionsMenuOffset(props.showArrow),\n        ),\n      ),\n    [props.flip, props.showArrow],\n  );\n\n  useResizeEffect(updateMaxHeight);\n  useEffect(() => {\n    const frameId = requestAnimationFrame(updateMaxHeight);\n    return () => cancelAnimationFrame(frameId);\n  }, [updateMaxHeight]);\n\n  return (\n    <div\n      ref={anchorRef}\n      onClick={!focusable ? stopEvent : undefined}\n      onMouseDown={!focusable ? preventEvent : undefined}\n      onKeyDownCapture={onKeyDown}\n    >\n      <PopoverMenu\n        placement=\"auto\"\n        zIndex={Z_INDEX_POPOVER}\n        {...props}\n        triggerElement={children}\n        maxHeight={props.maxHeight ?? maxHeight}\n      >\n        {actions.map((action, index) => {\n          if (action === ACTIONS_MENU_DIVIDER) {\n            return <PopoverMenu.Divider key={`divider-${index}`} />;\n          }\n\n          const itemProps =\n            'label' in action\n              ? {\n                  text: action.label,\n                  prefixIcon: action.icon,\n                  ...omit(action, 'id', 'label', 'icon'),\n                }\n              : {\n                  text: action.element,\n                  ...omit(action, 'id', 'element'),\n                };\n\n          return (\n            <PopoverMenu.MenuItem\n              key={action.id ?? `item-${index}`}\n              {...itemProps}\n            />\n          );\n        })}\n      </PopoverMenu>\n    </div>\n  );\n};\n\nActionsMenu.displayName = 'ActionsMenu';\n\nActionsMenu.Action = ({ icon, children, ...props }) => (\n  <Box className={classes.action} verticalAlign=\"middle\" gap=\"SP1\" {...props}>\n    <Box>{icon}</Box>\n    {children}\n  </Box>\n);\n\nActionsMenu.Action.displayName = 'ActionsMenu.Action';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/cms-fields/components/audio/actions/actions-menu/actions-menu.st.css

@@ -0,0 +1,5 @@
+@property st-global(--wds-space-100);
+
+.action {
+    margin-left: calc(var(--wds-space-100, 6px) * -1);
+}

package/dist/cjs/cms-fields/components/audio/actions/actions-menu/actions-menu.st.css.js

@@ -0,0 +1,25 @@
+"use strict";
+
+exports.__esModule = true;
+exports.vars = exports.style = exports.stVars = exports.st = exports.namespace = exports.layers = exports.keyframes = exports.cssStates = exports.containers = exports.classes = void 0;
+var _stylableEsmRuntime = require("../../../../../stylable-esm-runtime.js");
+// @ts-nocheck
+
+var _namespace_ = "actionsmenu3711108164";
+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": "actionsmenu3711108164__root",
+  "action": "actionsmenu3711108164__action"
+};
+var keyframes = exports.keyframes = {};
+var layers = exports.layers = {};
+var containers = exports.containers = {};
+var stVars = exports.stVars = {};
+var vars = exports.vars = {
+  "wds-space-100": "--wds-space-100"
+};
+//# sourceMappingURL=actions-menu.st.css.js.map

package/dist/cjs/cms-fields/components/audio/actions/actions-menu/actions-menu.st.css.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../../../src/cms-fields/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_ = \"actionsmenu3711108164\";\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\":\"actionsmenu3711108164__root\",\"action\":\"actionsmenu3711108164__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/cms-fields/components/audio/actions/actions-menu/index.js

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

package/dist/cjs/cms-fields/components/audio/actions/actions-menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_actionsMenu","require","Object","keys","forEach","key","exports","_types"],"sources":["../../../../../../../src/cms-fields/components/audio/actions/actions-menu/index.ts"],"sourcesContent":["export * from './actions-menu';\nexport * from './types';\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","ignoreList":[]}

package/dist/cjs/cms-fields/components/audio/actions/actions-menu/types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=types.js.map

package/dist/cjs/cms-fields/components/audio/actions/actions-menu/types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../../../../src/cms-fields/components/audio/actions/actions-menu/types.ts"],"sourcesContent":["export interface UseActionProps {\n  dataHook: string;\n  actionText: string;\n  onAction?: () => void;\n  iconSize?: 'small' | 'medium';\n}\n\nexport interface ActionsMenuTriggerProps {\n  toggle: () => void;\n  isOpen: boolean;\n  open: () => void;\n  close: () => void;\n}\n"],"mappings":"","ignoreList":[]}