@wix/patterns 1.159.0 → 1.161.0

package/dist/cjs/components/AutoCompleteFilter/AutoCompleteFilter.js

@@ -22,7 +22,6 @@ function _AutoCompleteFilter(props) {
     collection,
     renderItem,
     renderSection,
-    placeholder,
     onSelect,
     onClear,
     ...rest
@@ -73,7 +72,6 @@ function _AutoCompleteFilter(props) {
     collection
   });
   return /*#__PURE__*/_react.default.createElement(_designSystem.AutoComplete, (0, _extends2.default)({
-    fixedFooter: fixedFooter,
     dataHook: `collection-filter-${filter.name}`,
     closeOnSelect: true,
     border: "round",
@@ -88,7 +86,7 @@ function _AutoCompleteFilter(props) {
       onClear == null || onClear(e);
       state.clearSelectionAndSearch();
     },
-    placeholder: placeholder ?? t('cairo.selectPlaceholder'),
+    placeholder: t('cairo.selectPlaceholder'),
     onSelect: (option, sameOptionWasPicked) => {
       const {
         keyedItem
@@ -106,10 +104,11 @@ function _AutoCompleteFilter(props) {
     hasMore: !showInitialLoader && !fetchedLastPage,
     loadMore: collection.fetchNextPageIfNeeded
   }, rest, {
+    fixedFooter: fixedFooter,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 121,
+      lineNumber: 120,
       columnNumber: 5
     }
   }));

package/dist/cjs/components/AutoCompleteFilter/AutoCompleteFilter.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_mobxReactLite","_designSystem","_hooks","_AutoCompleteFilterState","_react2","_providers","_usePlaceholderStateOptions","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_AutoCompleteFilter","props","filter","collection","renderItem","renderSection","placeholder","onSelect","onClear","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","collectionFilter","useState","CollectionFilterState","state","AutoCompleteFilterState","resetOnClose","translate","useEffect","init","result","keyedItems","fetchedLastPage","buildOption","useBuildOption","builtOptions","map","options","useBuildGroupedOptions","items","fixedFooter","showInitialLoader","usePlaceholderStateOptions","createElement","AutoComplete","_extends2","dataHook","name","closeOnSelect","border","onClose","dropdown","dropdownSelect","close","onInputBlur","onBlur","clearButton","clearSelectionAndSearch","option","sameOptionWasPicked","keyedItem","setSingle","searchInputValue","itemName","item","infiniteScroll","value","onChange","target","search","hasMore","loadMore","fetchNextPageIfNeeded","__self","__source","fileName","lineNumber","columnNumber","AutoCompleteFilter","exports","observer"],"sources":["../../../../src/components/AutoCompleteFilter/AutoCompleteFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { CollectionFilterState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionState, Filter, FiltersMap, KeyedItem } from '@wix/bex-core';\nimport {\n  AutoComplete,\n  AutoCompleteProps,\n  DropdownLayoutValueOption,\n} from '@wix/design-system';\nimport { ListItem, useBuildGroupedOptions, useBuildOption } from '../../hooks';\nimport { AutoCompleteFilterState } from './AutoCompleteFilterState';\nimport { SingleSelectFilterBaseProps } from '../SingleSelectFilterBase';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useFilterToolbarState } from '../../providers';\nimport { FilterProps } from '../../model';\nimport { usePlaceholderStateOptions } from '../../hooks/usePlaceholderStateOptions';\n\nexport type KeyedItemOption<T> = DropdownLayoutValueOption & {\n  keyedItem: KeyedItem<T>;\n};\n\nexport interface AutoCompleteFilterProps<V, F extends FiltersMap>\n  extends Omit<AutoCompleteProps, 'options'>,\n    FilterProps<V[]> {\n  /**\n   * [ArrayFilter](./?path=/story/features-filter-factories--arrayfilter) state object\n   */\n  filter: Filter<V[]>;\n  /**\n   * Function that returns a [ListItemSelectProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemselect) extended by `{section?: string}`.\n   */\n  renderItem?: (item: V, index: number) => ListItem;\n  /**\n   * A function that returns  [ListItemSectionProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemsection) <br/>\n   * According to make it works you need return `sectionId` in `renderItem` method. <br/>\n   * ⚠️ Server should return section items sorted by sections in strict order. Otherwise, when using infinite scrolling the behavior of the sections will be unexpected. <br/>\n   * (Optional)\n   */\n  renderSection?: SingleSelectFilterBaseProps<V>['renderSection'];\n  /**\n   * A collection state object to fetch the dropdown items.<br>\n   * Typically, a collection created using [useFilterCollection](./?path=/story/features-filter-hooks--usefiltercollection) hook.\n   */\n  collection: CollectionState<V, F>;\n}\n\nfunction _AutoCompleteFilter<V, F extends FiltersMap>(\n  props: AutoCompleteFilterProps<V, F>,\n) {\n  const {\n    filter,\n    collection,\n    renderItem,\n    renderSection,\n    placeholder,\n    onSelect,\n    onClear,\n    ...rest\n  } = props;\n\n  const container = useWixPatternsContainer();\n  const toolbar = useFilterToolbarState();\n\n  const [collectionFilter] = useState(\n    () =>\n      new CollectionFilterState({\n        collection,\n        filter,\n      }),\n  );\n\n  const [state] = useState(\n    () =>\n      new AutoCompleteFilterState({\n        collectionFilter,\n        resetOnClose: false,\n        container,\n        toolbar,\n      }),\n  );\n\n  const { translate: t } = collection;\n\n  useEffect(() => {\n    return state.init();\n  }, []);\n\n  const {\n    result: { keyedItems },\n    fetchedLastPage,\n  } = collection;\n\n  const buildOption = useBuildOption({\n    filter,\n    renderItem,\n  });\n\n  const builtOptions = keyedItems.map(buildOption);\n\n  const options = useBuildGroupedOptions({\n    items: builtOptions,\n    renderSection,\n  });\n\n  const { fixedFooter, showInitialLoader } = usePlaceholderStateOptions(\n    useBuildGroupedOptions({\n      items: keyedItems.map(\n        useBuildOption({\n          filter,\n          renderItem,\n        }),\n      ),\n      renderSection,\n    }),\n    {\n      collection,\n    },\n  );\n\n  return (\n    <AutoComplete\n      fixedFooter={fixedFooter}\n      dataHook={`collection-filter-${filter.name}`}\n      closeOnSelect\n      border=\"round\"\n      options={options}\n      onClose={() => {\n        state.dropdown.dropdownSelect.close();\n        state.onInputBlur();\n      }}\n      onBlur={state.onInputBlur}\n      clearButton\n      onClear={(e) => {\n        onClear?.(e);\n        state.clearSelectionAndSearch();\n      }}\n      placeholder={placeholder ?? t('cairo.selectPlaceholder')}\n      onSelect={(option, sameOptionWasPicked) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        state.dropdown.dropdownSelect.setSingle(keyedItem);\n        onSelect?.(option, sameOptionWasPicked);\n        state.searchInputValue = state.collection.itemName(keyedItem.item);\n      }}\n      infiniteScroll\n      value={state.searchInputValue}\n      onChange={(e) => {\n        state.searchInputValue = e.target.value;\n        collection.search(e.target.value);\n      }}\n      hasMore={!showInitialLoader && !fetchedLastPage}\n      loadMore={collection.fetchNextPageIfNeeded}\n      {...rest}\n    />\n  );\n}\n\nexport const AutoCompleteFilter = observer(_AutoCompleteFilter);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_state","_mobxReactLite","_designSystem","_hooks","_AutoCompleteFilterState","_react2","_providers","_usePlaceholderStateOptions","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_AutoCompleteFilter","props","filter","collection","renderItem","renderSection","onSelect","onClear","rest","container","useWixPatternsContainer","toolbar","useFilterToolbarState","collectionFilter","useState","CollectionFilterState","state","AutoCompleteFilterState","resetOnClose","translate","useEffect","init","result","keyedItems","fetchedLastPage","buildOption","useBuildOption","builtOptions","map","options","useBuildGroupedOptions","items","fixedFooter","showInitialLoader","usePlaceholderStateOptions","createElement","AutoComplete","_extends2","dataHook","name","closeOnSelect","border","onClose","dropdown","dropdownSelect","close","onInputBlur","onBlur","clearButton","clearSelectionAndSearch","placeholder","option","sameOptionWasPicked","keyedItem","setSingle","searchInputValue","itemName","item","infiniteScroll","value","onChange","target","search","hasMore","loadMore","fetchNextPageIfNeeded","__self","__source","fileName","lineNumber","columnNumber","AutoCompleteFilter","exports","observer"],"sources":["../../../../src/components/AutoCompleteFilter/AutoCompleteFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { CollectionFilterState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport { CollectionState, Filter, FiltersMap, KeyedItem } from '@wix/bex-core';\nimport {\n  AutoComplete,\n  AutoCompleteProps,\n  DropdownLayoutValueOption,\n} from '@wix/design-system';\nimport { ListItem, useBuildGroupedOptions, useBuildOption } from '../../hooks';\nimport { AutoCompleteFilterState } from './AutoCompleteFilterState';\nimport { SingleSelectFilterBaseProps } from '../SingleSelectFilterBase';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useFilterToolbarState } from '../../providers';\nimport { FilterProps } from '../../model';\nimport { usePlaceholderStateOptions } from '../../hooks/usePlaceholderStateOptions';\n\nexport type KeyedItemOption<T> = DropdownLayoutValueOption & {\n  keyedItem: KeyedItem<T>;\n};\n\nexport interface AutoCompleteFilterProps<V, F extends FiltersMap>\n  extends Omit<AutoCompleteProps, 'options'>,\n    FilterProps<V[]> {\n  /**\n   * [ArrayFilter](./?path=/story/features-filter-factories--arrayfilter) state object\n   */\n  filter: Filter<V[]>;\n  /**\n   * Function that returns a [ListItemSelectProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemselect) extended by `{section?: string}`.\n   */\n  renderItem?: (item: V, index: number) => ListItem;\n  /**\n   * A function that returns  [ListItemSectionProps](https://www.docs.wixdesignsystem.com/?path=/story/components-form-dropdownlistitems--listitemsection) <br/>\n   * According to make it works you need return `sectionId` in `renderItem` method. <br/>\n   * ⚠️ Server should return section items sorted by sections in strict order. Otherwise, when using infinite scrolling the behavior of the sections will be unexpected. <br/>\n   * (Optional)\n   */\n  renderSection?: SingleSelectFilterBaseProps<V>['renderSection'];\n  /**\n   * A collection state object to fetch the dropdown items.<br>\n   * Typically, a collection created using [useFilterCollection](./?path=/story/features-filter-hooks--usefiltercollection) hook.\n   */\n  collection: CollectionState<V, F>;\n}\n\nfunction _AutoCompleteFilter<V, F extends FiltersMap>(\n  props: AutoCompleteFilterProps<V, F>,\n) {\n  const {\n    filter,\n    collection,\n    renderItem,\n    renderSection,\n    onSelect,\n    onClear,\n    ...rest\n  } = props;\n\n  const container = useWixPatternsContainer();\n  const toolbar = useFilterToolbarState();\n\n  const [collectionFilter] = useState(\n    () =>\n      new CollectionFilterState({\n        collection,\n        filter,\n      }),\n  );\n\n  const [state] = useState(\n    () =>\n      new AutoCompleteFilterState({\n        collectionFilter,\n        resetOnClose: false,\n        container,\n        toolbar,\n      }),\n  );\n\n  const { translate: t } = collection;\n\n  useEffect(() => {\n    return state.init();\n  }, []);\n\n  const {\n    result: { keyedItems },\n    fetchedLastPage,\n  } = collection;\n\n  const buildOption = useBuildOption({\n    filter,\n    renderItem,\n  });\n\n  const builtOptions = keyedItems.map(buildOption);\n\n  const options = useBuildGroupedOptions({\n    items: builtOptions,\n    renderSection,\n  });\n\n  const { fixedFooter, showInitialLoader } = usePlaceholderStateOptions(\n    useBuildGroupedOptions({\n      items: keyedItems.map(\n        useBuildOption({\n          filter,\n          renderItem,\n        }),\n      ),\n      renderSection,\n    }),\n    {\n      collection,\n    },\n  );\n\n  return (\n    <AutoComplete\n      dataHook={`collection-filter-${filter.name}`}\n      closeOnSelect\n      border=\"round\"\n      options={options}\n      onClose={() => {\n        state.dropdown.dropdownSelect.close();\n        state.onInputBlur();\n      }}\n      onBlur={state.onInputBlur}\n      clearButton\n      onClear={(e) => {\n        onClear?.(e);\n        state.clearSelectionAndSearch();\n      }}\n      placeholder={t('cairo.selectPlaceholder')}\n      onSelect={(option, sameOptionWasPicked) => {\n        const { keyedItem } = option as KeyedItemOption<V>;\n        state.dropdown.dropdownSelect.setSingle(keyedItem);\n        onSelect?.(option, sameOptionWasPicked);\n        state.searchInputValue = state.collection.itemName(keyedItem.item);\n      }}\n      infiniteScroll\n      value={state.searchInputValue}\n      onChange={(e) => {\n        state.searchInputValue = e.target.value;\n        collection.search(e.target.value);\n      }}\n      hasMore={!showInitialLoader && !fetchedLastPage}\n      loadMore={collection.fetchNextPageIfNeeded}\n      {...rest}\n      fixedFooter={fixedFooter}\n    />\n  );\n}\n\nexport const AutoCompleteFilter = observer(_AutoCompleteFilter);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAEA,IAAAG,aAAA,GAAAH,OAAA;AAKA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,wBAAA,GAAAL,OAAA;AAEA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AAEA,IAAAQ,2BAAA,GAAAR,OAAA;AAAoF,IAAAS,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAZ,wBAAAY,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AA+BpF,SAASW,mBAAmBA,CAC1BC,KAAoC,EACpC;EACA,MAAM;IACJC,MAAM;IACNC,UAAU;IACVC,UAAU;IACVC,aAAa;IACbC,QAAQ;IACRC,OAAO;IACP,GAAGC;EACL,CAAC,GAAGP,KAAK;EAET,MAAMQ,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAMC,OAAO,GAAG,IAAAC,gCAAqB,EAAC,CAAC;EAEvC,MAAM,CAACC,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EACjC,MACE,IAAIC,4BAAqB,CAAC;IACxBZ,UAAU;IACVD;EACF,CAAC,CACL,CAAC;EAED,MAAM,CAACc,KAAK,CAAC,GAAG,IAAAF,eAAQ,EACtB,MACE,IAAIG,gDAAuB,CAAC;IAC1BJ,gBAAgB;IAChBK,YAAY,EAAE,KAAK;IACnBT,SAAS;IACTE;EACF,CAAC,CACL,CAAC;EAED,MAAM;IAAEQ,SAAS,EAAEnC;EAAE,CAAC,GAAGmB,UAAU;EAEnC,IAAAiB,gBAAS,EAAC,MAAM;IACd,OAAOJ,KAAK,CAACK,IAAI,CAAC,CAAC;EACrB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM;IACJC,MAAM,EAAE;MAAEC;IAAW,CAAC;IACtBC;EACF,CAAC,GAAGrB,UAAU;EAEd,MAAMsB,WAAW,GAAG,IAAAC,qBAAc,EAAC;IACjCxB,MAAM;IACNE;EACF,CAAC,CAAC;EAEF,MAAMuB,YAAY,GAAGJ,UAAU,CAACK,GAAG,CAACH,WAAW,CAAC;EAEhD,MAAMI,OAAO,GAAG,IAAAC,6BAAsB,EAAC;IACrCC,KAAK,EAAEJ,YAAY;IACnBtB;EACF,CAAC,CAAC;EAEF,MAAM;IAAE2B,WAAW;IAAEC;EAAkB,CAAC,GAAG,IAAAC,sDAA0B,EACnE,IAAAJ,6BAAsB,EAAC;IACrBC,KAAK,EAAER,UAAU,CAACK,GAAG,CACnB,IAAAF,qBAAc,EAAC;MACbxB,MAAM;MACNE;IACF,CAAC,CACH,CAAC;IACDC;EACF,CAAC,CAAC,EACF;IACEF;EACF,CACF,CAAC;EAED,oBACEnC,MAAA,CAAAkB,OAAA,CAAAiD,aAAA,CAAC9D,aAAA,CAAA+D,YAAY,MAAAC,SAAA,CAAAnD,OAAA;IACXoD,QAAQ,EAAE,qBAAqBpC,MAAM,CAACqC,IAAI,EAAG;IAC7CC,aAAa;IACbC,MAAM,EAAC,OAAO;IACdZ,OAAO,EAAEA,OAAQ;IACjBa,OAAO,EAAEA,CAAA,KAAM;MACb1B,KAAK,CAAC2B,QAAQ,CAACC,cAAc,CAACC,KAAK,CAAC,CAAC;MACrC7B,KAAK,CAAC8B,WAAW,CAAC,CAAC;IACrB,CAAE;IACFC,MAAM,EAAE/B,KAAK,CAAC8B,WAAY;IAC1BE,WAAW;IACXzC,OAAO,EAAG1B,CAAC,IAAK;MACd0B,OAAO,YAAPA,OAAO,CAAG1B,CAAC,CAAC;MACZmC,KAAK,CAACiC,uBAAuB,CAAC,CAAC;IACjC,CAAE;IACFC,WAAW,EAAElE,CAAC,CAAC,yBAAyB,CAAE;IAC1CsB,QAAQ,EAAEA,CAAC6C,MAAM,EAAEC,mBAAmB,KAAK;MACzC,MAAM;QAAEC;MAAU,CAAC,GAAGF,MAA4B;MAClDnC,KAAK,CAAC2B,QAAQ,CAACC,cAAc,CAACU,SAAS,CAACD,SAAS,CAAC;MAClD/C,QAAQ,YAARA,QAAQ,CAAG6C,MAAM,EAAEC,mBAAmB,CAAC;MACvCpC,KAAK,CAACuC,gBAAgB,GAAGvC,KAAK,CAACb,UAAU,CAACqD,QAAQ,CAACH,SAAS,CAACI,IAAI,CAAC;IACpE,CAAE;IACFC,cAAc;IACdC,KAAK,EAAE3C,KAAK,CAACuC,gBAAiB;IAC9BK,QAAQ,EAAG/E,CAAC,IAAK;MACfmC,KAAK,CAACuC,gBAAgB,GAAG1E,CAAC,CAACgF,MAAM,CAACF,KAAK;MACvCxD,UAAU,CAAC2D,MAAM,CAACjF,CAAC,CAACgF,MAAM,CAACF,KAAK,CAAC;IACnC,CAAE;IACFI,OAAO,EAAE,CAAC9B,iBAAiB,IAAI,CAACT,eAAgB;IAChDwC,QAAQ,EAAE7D,UAAU,CAAC8D;EAAsB,GACvCzD,IAAI;IACRwB,WAAW,EAAEA,WAAY;IAAAkC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAzF,YAAA;MAAA0F,UAAA;MAAAC,YAAA;IAAA;EAAA,EAC1B,CAAC;AAEN;AAEO,MAAMC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,IAAAE,uBAAQ,EAACzE,mBAAmB,CAAC","ignoreList":[]}

package/dist/cjs/components/Collapse/Collapse.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_ = "Collapse3611926957";
+var _namespace_ = "Collapse3396991173";
 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": "Collapse3611926957__root",
-  "exit": "Collapse3611926957__exit"
+  "root": "Collapse3396991173__root",
+  "exit": "Collapse3396991173__exit"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Collapse/Collapse.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/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Collapse3611926957\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Collapse3611926957__root\",\"exit\":\"Collapse3611926957__exit\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,0BAA0B;EAAC,MAAM,EAAC;AAA0B,CAAC;AACnF,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/Collapse/Collapse.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Collapse3396991173\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"Collapse3396991173__root\",\"exit\":\"Collapse3396991173__exit\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,0BAA0B;EAAC,MAAM,EAAC;AAA0B,CAAC;AACnF,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/CollectionToolbar/CollectionToolbar.st.css.js

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "CollectionToolbar3877879527";
+var _namespace_ = "CollectionToolbar3262689570";
 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": "CollectionToolbar3877879527__root",
-  "left": "CollectionToolbar3877879527__left",
-  "right": "CollectionToolbar3877879527__right",
-  "fullWidth": "CollectionToolbar3877879527__fullWidth"
+  "root": "CollectionToolbar3262689570__root",
+  "left": "CollectionToolbar3262689570__left",
+  "right": "CollectionToolbar3262689570__right",
+  "fullWidth": "CollectionToolbar3262689570__fullWidth"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionToolbar/CollectionToolbar.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/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar3877879527\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CollectionToolbar3877879527__root\",\"left\":\"CollectionToolbar3877879527__left\",\"right\":\"CollectionToolbar3877879527__right\",\"fullWidth\":\"CollectionToolbar3877879527__fullWidth\"};\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,6BAA6B;AAC/C,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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,mCAAmC;EAAC,MAAM,EAAC,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,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/CollectionToolbar/CollectionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"CollectionToolbar3262689570\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"CollectionToolbar3262689570__root\",\"left\":\"CollectionToolbar3262689570__left\",\"right\":\"CollectionToolbar3262689570__right\",\"fullWidth\":\"CollectionToolbar3262689570__fullWidth\"};\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,6BAA6B;AAC/C,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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,mCAAmC;EAAC,MAAM,EAAC,mCAAmC;EAAC,OAAO,EAAC,oCAAoC;EAAC,WAAW,EAAC;AAAwC,CAAC;AACvM,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/CollectionToolbar/SearchOrCustomFilter.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_ = "SearchOrCustomFilter2839568910";
+var _namespace_ = "SearchOrCustomFilter3720843308";
 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": "SearchOrCustomFilter2839568910__root",
-  "search": "SearchOrCustomFilter2839568910__search"
+  "root": "SearchOrCustomFilter3720843308__root",
+  "search": "SearchOrCustomFilter3720843308__search"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionToolbar/SearchOrCustomFilter.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/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter2839568910\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"SearchOrCustomFilter2839568910__root\",\"search\":\"SearchOrCustomFilter2839568910__search\"};\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,gCAAgC;AAClD,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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,sCAAsC;EAAC,QAAQ,EAAC;AAAwC,CAAC;AAC/G,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/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SearchOrCustomFilter3720843308\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"SearchOrCustomFilter3720843308__root\",\"search\":\"SearchOrCustomFilter3720843308__search\"};\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,gCAAgC;AAClD,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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,sCAAsC;EAAC,QAAQ,EAAC;AAAwC,CAAC;AAC/G,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/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "AutoCompleteReadonly1627968556";
+var _namespace_ = "AutoCompleteReadonly3299673514";
 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": "AutoCompleteReadonly1627968556__root"
+  "root": "AutoCompleteReadonly3299673514__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/AutoCompleteReadonly.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/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly1627968556\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"AutoCompleteReadonly1627968556__root\"};\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,gCAAgC;AAClD,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAAsC,CAAC;AAC7D,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/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"AutoCompleteReadonly3299673514\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"AutoCompleteReadonly3299673514__root\"};\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,gCAAgC;AAClD,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAAsC,CAAC;AAC7D,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/CollectionViewsDropdown/ViewsDropdown.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "ViewsDropdown1951275750";
+var _namespace_ = "ViewsDropdown4022014931";
 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": "ViewsDropdown1951275750__root"
+  "root": "ViewsDropdown4022014931__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.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/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown1951275750\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ViewsDropdown1951275750__root\"};\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,yBAAyB;AAC3C,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAA+B,CAAC;AACtD,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/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown4022014931\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ViewsDropdown4022014931__root\"};\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,yBAAyB;AAC3C,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAA+B,CAAC;AACtD,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/CustomFieldsForm/CustomFieldsForm.js

@@ -23,7 +23,8 @@ const toCellSpan = type => {
   }
 };
 const _CustomFieldsForm = ({
-  state
+  state,
+  onChange
 }) => {
   const {
     _namespace
@@ -41,7 +42,7 @@ const _CustomFieldsForm = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 40,
+        lineNumber: 42,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -49,7 +50,7 @@ const _CustomFieldsForm = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 41,
+        lineNumber: 43,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_FormFieldInput.FormFieldInput, {
@@ -57,14 +58,18 @@ const _CustomFieldsForm = ({
       state: state,
       schema: field,
       initialValue: state.getInitialValue(field.id),
-      onChange: newValue => state.setValue(field.id, newValue),
+      onChange: newValue => state.setValue({
+        id: field.id,
+        value: newValue,
+        onChange
+      }),
       inputRef: inputRef => {
         state.setInputRef(field.id, inputRef);
       },
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 42,
+        lineNumber: 44,
         columnNumber: 11
       }
     })), span !== 12 && /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -72,7 +77,7 @@ const _CustomFieldsForm = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 53,
+        lineNumber: 57,
         columnNumber: 25
       }
     }));
@@ -85,7 +90,7 @@ const _CustomFieldsForm = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 61,
+      lineNumber: 65,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
@@ -94,7 +99,7 @@ const _CustomFieldsForm = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 62,
+      lineNumber: 66,
       columnNumber: 7
     }
   }, writeableFields.map(renderFieldInput)));

package/dist/cjs/components/CustomFieldsForm/CustomFieldsForm.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_FormFieldInput","_CustomFieldsFormContext","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","toCellSpan","type","_CustomFieldsForm","state","_namespace","renderFieldInput","useCallback","field","EDITABLE_INPUT_ELEMENTS","span","createElement","Fragment","key","id","__self","__source","fileName","lineNumber","columnNumber","Cell","FormFieldInput","dataHook","schema","initialValue","getInitialValue","onChange","newValue","setValue","inputRef","setInputRef","writeableFields","CustomFieldsFormContextProvider","value","Layout","gap","map","CustomFieldsForm","exports","observer"],"sources":["../../../../src/components/CustomFieldsForm/CustomFieldsForm.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Cell, Layout } from '@wix/design-system';\nimport { CustomField, CustomFieldType } from '@wix/bex-core';\nimport { EDITABLE_INPUT_ELEMENTS, FormFieldInput } from '../FormFieldInput';\nimport { CustomFieldsFormState } from '../../state';\nimport { CustomFieldsFormContextProvider } from '../CustomFieldsFormContext';\n\nexport interface CustomFieldsFormProps {\n  state: CustomFieldsFormState;\n}\n\nconst toCellSpan = (type?: CustomFieldType) => {\n  switch (type) {\n    case 'longText':\n    case 'checkbox':\n    case 'shortText':\n    case 'url':\n    case 'dateTime':\n      return 12;\n    default:\n      return 6;\n  }\n};\n\nconst _CustomFieldsForm = ({ state }: CustomFieldsFormProps) => {\n  const { _namespace } = state;\n  const renderFieldInput = useCallback((field: CustomField) => {\n    if (!field) {\n      return null;\n    }\n\n    if (!EDITABLE_INPUT_ELEMENTS.hasOwnProperty(field.type)) {\n      return null;\n    }\n\n    const span = toCellSpan(field.type);\n\n    return (\n      <React.Fragment key={field.id}>\n        <Cell span={span}>\n          <FormFieldInput\n            dataHook={`field-${field.id}`}\n            state={state}\n            schema={field}\n            initialValue={state.getInitialValue(field.id)}\n            onChange={(newValue) => state.setValue(field.id, newValue)}\n            inputRef={(inputRef) => {\n              state.setInputRef(field.id, inputRef);\n            }}\n          />\n        </Cell>\n        {span !== 12 && <Cell span={12 - span} />}\n      </React.Fragment>\n    );\n  }, []);\n\n  const { writeableFields } = state;\n\n  return (\n    <CustomFieldsFormContextProvider value={state}>\n      <Layout dataHook={`custom-fields-form-${_namespace}`} gap=\"SP3\">\n        {writeableFields.map(renderFieldInput)}\n      </Layout>\n    </CustomFieldsFormContextProvider>\n  );\n};\n\nexport const CustomFieldsForm = observer(_CustomFieldsForm);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_FormFieldInput","_CustomFieldsFormContext","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","toCellSpan","type","_CustomFieldsForm","state","onChange","_namespace","renderFieldInput","useCallback","field","EDITABLE_INPUT_ELEMENTS","span","createElement","Fragment","key","id","__self","__source","fileName","lineNumber","columnNumber","Cell","FormFieldInput","dataHook","schema","initialValue","getInitialValue","newValue","setValue","value","inputRef","setInputRef","writeableFields","CustomFieldsFormContextProvider","Layout","gap","map","CustomFieldsForm","exports","observer"],"sources":["../../../../src/components/CustomFieldsForm/CustomFieldsForm.tsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Cell, Layout } from '@wix/design-system';\nimport { CustomField, CustomFieldType } from '@wix/bex-core';\nimport { EDITABLE_INPUT_ELEMENTS, FormFieldInput } from '../FormFieldInput';\nimport { CustomFieldsFormState } from '../../state';\nimport { CustomFieldsFormContextProvider } from '../CustomFieldsFormContext';\nimport { OnCustomFieldChange } from '../CustomFieldsWidget/OnCustomFieldChange';\n\nexport interface CustomFieldsFormProps {\n  state: CustomFieldsFormState;\n  onChange?: OnCustomFieldChange;\n}\n\nconst toCellSpan = (type?: CustomFieldType) => {\n  switch (type) {\n    case 'longText':\n    case 'checkbox':\n    case 'shortText':\n    case 'url':\n    case 'dateTime':\n      return 12;\n    default:\n      return 6;\n  }\n};\n\nconst _CustomFieldsForm = ({ state, onChange }: CustomFieldsFormProps) => {\n  const { _namespace } = state;\n  const renderFieldInput = useCallback((field: CustomField) => {\n    if (!field) {\n      return null;\n    }\n\n    if (!EDITABLE_INPUT_ELEMENTS.hasOwnProperty(field.type)) {\n      return null;\n    }\n\n    const span = toCellSpan(field.type);\n\n    return (\n      <React.Fragment key={field.id}>\n        <Cell span={span}>\n          <FormFieldInput\n            dataHook={`field-${field.id}`}\n            state={state}\n            schema={field}\n            initialValue={state.getInitialValue(field.id)}\n            onChange={(newValue) =>\n              state.setValue({ id: field.id, value: newValue, onChange })\n            }\n            inputRef={(inputRef) => {\n              state.setInputRef(field.id, inputRef);\n            }}\n          />\n        </Cell>\n        {span !== 12 && <Cell span={12 - span} />}\n      </React.Fragment>\n    );\n  }, []);\n\n  const { writeableFields } = state;\n\n  return (\n    <CustomFieldsFormContextProvider value={state}>\n      <Layout dataHook={`custom-fields-form-${_namespace}`} gap=\"SP3\">\n        {writeableFields.map(renderFieldInput)}\n      </Layout>\n    </CustomFieldsFormContextProvider>\n  );\n};\n\nexport const CustomFieldsForm = observer(_CustomFieldsForm);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsEmptyStateOverrides.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsEmptyStateOverrides.ts"],"sourcesContent":["\nexport interface CustomFieldsEmptyStateOverrides {\n  title?: string;\n  subtitle?: string;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsEmptyStateOverrides.ts"],"sourcesContent":["export interface CustomFieldsEmptyStateOverrides {\n  title?: string;\n  subtitle?: string;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsNamespaceForm.js

@@ -17,8 +17,7 @@ function _CustomFieldsNamespaceForm(props) {
   } = props;
   const state = (0, _useCustomFieldsFormState.useCustomFieldsFormState)({
     state: allNamespacesFormState,
-    namespace,
-    onChange
+    namespace
   });
   (0, _react.useEffect)(() => state.init(), []);
   if (!state.writeableFields.length) {
@@ -26,10 +25,11 @@ function _CustomFieldsNamespaceForm(props) {
   }
   return /*#__PURE__*/_react.default.createElement(_CustomFieldsForm.CustomFieldsForm, {
     state: state,
+    onChange: onChange,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 29,
+      lineNumber: 28,
       columnNumber: 10
     }
   });

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsNamespaceForm.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CustomFieldsForm","_useCustomFieldsFormState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CustomFieldsNamespaceForm","props","state","allNamespacesFormState","onChange","namespace","useCustomFieldsFormState","useEffect","init","writeableFields","length","createElement","CustomFieldsForm","__self","__source","fileName","lineNumber","columnNumber","CustomFieldsNamespaceForm","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsNamespaceForm.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsAllNamespacesFormState } from '../../state';\nimport { CustomFieldsForm } from '../CustomFieldsForm';\nimport { OnCustomFieldChange } from './OnCustomFieldChange';\nimport { useCustomFieldsFormState } from './useCustomFieldsFormState';\n\nexport interface CustomFieldsNamespaceFormProps {\n  namespace: string;\n  state: CustomFieldsAllNamespacesFormState;\n  onChange?: OnCustomFieldChange;\n}\n\nfunction _CustomFieldsNamespaceForm(props: CustomFieldsNamespaceFormProps) {\n  const { state: allNamespacesFormState, onChange, namespace } = props;\n\n  const state = useCustomFieldsFormState({\n    state: allNamespacesFormState,\n    namespace,\n    onChange,\n  });\n\n  useEffect(() => state.init(), []);\n\n  if (!state.writeableFields.length) {\n    return null;\n  }\n\n  return <CustomFieldsForm state={state} />;\n}\n\nexport const CustomFieldsNamespaceForm = observer(_CustomFieldsNamespaceForm);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAF,OAAA;AAEA,IAAAG,yBAAA,GAAAH,OAAA;AAAsE,IAAAI,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAQtE,SAASW,0BAA0BA,CAACC,KAAqC,EAAE;EACzE,MAAM;IAAEC,KAAK,EAAEC,sBAAsB;IAAEC,QAAQ;IAAEC;EAAU,CAAC,GAAGJ,KAAK;EAEpE,MAAMC,KAAK,GAAG,IAAAI,kDAAwB,EAAC;IACrCJ,KAAK,EAAEC,sBAAsB;IAC7BE,SAAS;IACTD;EACF,CAAC,CAAC;EAEF,IAAAG,gBAAS,EAAC,MAAML,KAAK,CAACM,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjC,IAAI,CAACN,KAAK,CAACO,eAAe,CAACC,MAAM,EAAE;IACjC,OAAO,IAAI;EACb;EAEA,oBAAOrC,MAAA,CAAAa,OAAA,CAAAyB,aAAA,CAAClC,iBAAA,CAAAmC,gBAAgB;IAACV,KAAK,EAAEA,KAAM;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;AAC3C;AAEO,MAAMC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,IAAAE,uBAAQ,EAACpB,0BAA0B,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CustomFieldsForm","_useCustomFieldsFormState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CustomFieldsNamespaceForm","props","state","allNamespacesFormState","onChange","namespace","useCustomFieldsFormState","useEffect","init","writeableFields","length","createElement","CustomFieldsForm","__self","__source","fileName","lineNumber","columnNumber","CustomFieldsNamespaceForm","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsNamespaceForm.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsAllNamespacesFormState } from '../../state';\nimport { CustomFieldsForm } from '../CustomFieldsForm';\nimport { OnCustomFieldChange } from './OnCustomFieldChange';\nimport { useCustomFieldsFormState } from './useCustomFieldsFormState';\n\nexport interface CustomFieldsNamespaceFormProps {\n  namespace: string;\n  state: CustomFieldsAllNamespacesFormState;\n  onChange?: OnCustomFieldChange;\n}\n\nfunction _CustomFieldsNamespaceForm(props: CustomFieldsNamespaceFormProps) {\n  const { state: allNamespacesFormState, onChange, namespace } = props;\n\n  const state = useCustomFieldsFormState({\n    state: allNamespacesFormState,\n    namespace,\n  });\n\n  useEffect(() => state.init(), []);\n\n  if (!state.writeableFields.length) {\n    return null;\n  }\n\n  return <CustomFieldsForm state={state} onChange={onChange} />;\n}\n\nexport const CustomFieldsNamespaceForm = observer(_CustomFieldsNamespaceForm);\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAF,OAAA;AAEA,IAAAG,yBAAA,GAAAH,OAAA;AAAsE,IAAAI,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAQtE,SAASW,0BAA0BA,CAACC,KAAqC,EAAE;EACzE,MAAM;IAAEC,KAAK,EAAEC,sBAAsB;IAAEC,QAAQ;IAAEC;EAAU,CAAC,GAAGJ,KAAK;EAEpE,MAAMC,KAAK,GAAG,IAAAI,kDAAwB,EAAC;IACrCJ,KAAK,EAAEC,sBAAsB;IAC7BE;EACF,CAAC,CAAC;EAEF,IAAAE,gBAAS,EAAC,MAAML,KAAK,CAACM,IAAI,CAAC,CAAC,EAAE,EAAE,CAAC;EAEjC,IAAI,CAACN,KAAK,CAACO,eAAe,CAACC,MAAM,EAAE;IACjC,OAAO,IAAI;EACb;EAEA,oBAAOrC,MAAA,CAAAa,OAAA,CAAAyB,aAAA,CAAClC,iBAAA,CAAAmC,gBAAgB;IAACV,KAAK,EAAEA,KAAM;IAACE,QAAQ,EAAEA,QAAS;IAAAS,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApC,YAAA;MAAAqC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC;AAC/D;AAEO,MAAMC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAG,IAAAE,uBAAQ,EAACpB,0BAA0B,CAAC","ignoreList":[]}

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsNamespaceSectionForm.js

@@ -19,8 +19,7 @@ function _CustomFieldsNamespaceSectionForm(props) {
   } = props;
   const state = (0, _useCustomFieldsFormState.useCustomFieldsFormState)({
     state: allNamespacesFormState,
-    namespace,
-    onChange
+    namespace
   });
   const {
     _customFieldsWidgetState: {
@@ -44,7 +43,7 @@ function _CustomFieldsNamespaceSectionForm(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 41,
+      lineNumber: 40,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.SectionHeader, {
@@ -54,7 +53,7 @@ function _CustomFieldsNamespaceSectionForm(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 51,
+        lineNumber: 50,
         columnNumber: 16
       }
     }, state.appName),
@@ -65,7 +64,7 @@ function _CustomFieldsNamespaceSectionForm(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 54,
+        lineNumber: 53,
         columnNumber: 13
       }
     }),
@@ -76,15 +75,16 @@ function _CustomFieldsNamespaceSectionForm(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 49,
+      lineNumber: 48,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_CustomFieldsForm.CustomFieldsForm, {
     state: state,
+    onChange: onChange,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 67,
+      lineNumber: 66,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsNamespaceSectionForm.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CustomFieldsForm","_designSystem","_useCustomFieldsFormState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CustomFieldsNamespaceSectionForm","props","index","state","allNamespacesFormState","onChange","namespace","useCustomFieldsFormState","_customFieldsWidgetState","container","translate","_userFieldsNamespace","useEffect","init","writeableFields","length","createElement","Box","key","dataHook","direction","width","gap","paddingTop","undefined","__self","__source","fileName","lineNumber","columnNumber","SectionHeader","title","Text","secondary","appName","suffix","InfoIcon","content","size","skin","divider","horizontalPadding","CustomFieldsForm","CustomFieldsNamespaceSectionForm","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsNamespaceSectionForm.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsAllNamespacesFormState } from '../../state';\nimport { CustomFieldsForm } from '../CustomFieldsForm';\nimport { OnCustomFieldChange } from './OnCustomFieldChange';\nimport { Box, InfoIcon, SectionHeader, Text } from '@wix/design-system';\nimport { useCustomFieldsFormState } from './useCustomFieldsFormState';\n\nexport interface CustomFieldsNamespaceSectionFormProps {\n  namespace: string;\n  state: CustomFieldsAllNamespacesFormState;\n  onChange?: OnCustomFieldChange;\n  index: number;\n}\n\nfunction _CustomFieldsNamespaceSectionForm(\n  props: CustomFieldsNamespaceSectionFormProps,\n) {\n  const { index, state: allNamespacesFormState, onChange, namespace } = props;\n\n  const state = useCustomFieldsFormState({\n    state: allNamespacesFormState,\n    namespace,\n    onChange,\n  });\n\n  const {\n    _customFieldsWidgetState: {\n      container: { translate: t },\n      _userFieldsNamespace,\n    },\n  } = allNamespacesFormState;\n\n  useEffect(() => state.init(), []);\n\n  if (!state.writeableFields.length) {\n    return null;\n  }\n\n  return (\n    <Box\n      key={namespace}\n      dataHook={`custom-fields-namespace-form-${namespace}`}\n      direction=\"vertical\"\n      width=\"100%\"\n      gap=\"SP3\"\n      paddingTop={index > 0 ? 'SP3' : undefined}\n    >\n      <SectionHeader\n        dataHook=\"section-header\"\n        title={<Text secondary>{state.appName}</Text>}\n        suffix={\n          namespace !== _userFieldsNamespace && (\n            <InfoIcon\n              dataHook=\"info-icon\"\n              content={t('cairo.customFields.tpaSection.tooltip')}\n              size=\"small\"\n            />\n          )\n        }\n        skin=\"light\"\n        divider={index > 0 ? 'top' : 'none'}\n        size=\"medium\"\n        horizontalPadding=\"xxTiny\"\n      />\n\n      <CustomFieldsForm state={state} />\n    </Box>\n  );\n}\n\nexport const CustomFieldsNamespaceSectionForm = observer(\n  _CustomFieldsNamespaceSectionForm,\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_CustomFieldsForm","_designSystem","_useCustomFieldsFormState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_CustomFieldsNamespaceSectionForm","props","index","state","allNamespacesFormState","onChange","namespace","useCustomFieldsFormState","_customFieldsWidgetState","container","translate","_userFieldsNamespace","useEffect","init","writeableFields","length","createElement","Box","key","dataHook","direction","width","gap","paddingTop","undefined","__self","__source","fileName","lineNumber","columnNumber","SectionHeader","title","Text","secondary","appName","suffix","InfoIcon","content","size","skin","divider","horizontalPadding","CustomFieldsForm","CustomFieldsNamespaceSectionForm","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsNamespaceSectionForm.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsAllNamespacesFormState } from '../../state';\nimport { CustomFieldsForm } from '../CustomFieldsForm';\nimport { OnCustomFieldChange } from './OnCustomFieldChange';\nimport { Box, InfoIcon, SectionHeader, Text } from '@wix/design-system';\nimport { useCustomFieldsFormState } from './useCustomFieldsFormState';\n\nexport interface CustomFieldsNamespaceSectionFormProps {\n  namespace: string;\n  state: CustomFieldsAllNamespacesFormState;\n  onChange?: OnCustomFieldChange;\n  index: number;\n}\n\nfunction _CustomFieldsNamespaceSectionForm(\n  props: CustomFieldsNamespaceSectionFormProps,\n) {\n  const { index, state: allNamespacesFormState, onChange, namespace } = props;\n\n  const state = useCustomFieldsFormState({\n    state: allNamespacesFormState,\n    namespace,\n  });\n\n  const {\n    _customFieldsWidgetState: {\n      container: { translate: t },\n      _userFieldsNamespace,\n    },\n  } = allNamespacesFormState;\n\n  useEffect(() => state.init(), []);\n\n  if (!state.writeableFields.length) {\n    return null;\n  }\n\n  return (\n    <Box\n      key={namespace}\n      dataHook={`custom-fields-namespace-form-${namespace}`}\n      direction=\"vertical\"\n      width=\"100%\"\n      gap=\"SP3\"\n      paddingTop={index > 0 ? 'SP3' : undefined}\n    >\n      <SectionHeader\n        dataHook=\"section-header\"\n        title={<Text secondary>{state.appName}</Text>}\n        suffix={\n          namespace !== _userFieldsNamespace && (\n            <InfoIcon\n              dataHook=\"info-icon\"\n              content={t('cairo.customFields.tpaSection.tooltip')}\n              size=\"small\"\n            />\n          )\n        }\n        skin=\"light\"\n        divider={index > 0 ? 'top' : 'none'}\n        size=\"medium\"\n        horizontalPadding=\"xxTiny\"\n      />\n\n      <CustomFieldsForm state={state} onChange={onChange} />\n    </Box>\n  );\n}\n\nexport const CustomFieldsNamespaceSectionForm = observer(\n  _CustomFieldsNamespaceSectionForm,\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsWidgetInline.js

@@ -26,7 +26,7 @@ const _CustomFieldsWidgetInline = props => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 25,
+          lineNumber: 24,
           columnNumber: 14
         }
       });
@@ -40,7 +40,7 @@ const _CustomFieldsWidgetInline = props => {
             __self: void 0,
             __source: {
               fileName: _jsxFileName,
-              lineNumber: 34,
+              lineNumber: 33,
               columnNumber: 25
             }
           }),
@@ -50,7 +50,7 @@ const _CustomFieldsWidgetInline = props => {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 30,
+          lineNumber: 29,
           columnNumber: 9
         }
       });
@@ -61,7 +61,7 @@ const _CustomFieldsWidgetInline = props => {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 43,
+        lineNumber: 42,
         columnNumber: 7
       }
     });
@@ -71,7 +71,7 @@ const _CustomFieldsWidgetInline = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 50,
+      lineNumber: 49,
       columnNumber: 10
     }
   }, renderContent());

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsWidgetInline.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_wixUiIconsCommon","_ErrorState","_CustomFieldsWidgetContentLazy","_Skeletons","_jsxFileName","_CustomFieldsWidgetInline","props","state","emptyStateOverrides","onChange","dataHook","translate","t","dataExtension","container","renderContent","isLoading","default","createElement","InlineSkeletonContent","__self","__source","fileName","lineNumber","columnNumber","isError","LoadingErrorState","title","action","prefixIcon","Refresh","text","onClick","retry","CustomFieldsWidgetContentLazy","CustomFieldsWidgetInline","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidgetInline.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { CustomFieldsWidgetState } from '../../state';\nimport { Refresh as RefreshIcon } from '@wix/wix-ui-icons-common';\nimport { LoadingErrorState } from '../ErrorState';\nimport { CustomFieldsWidgetContentLazy } from './CustomFieldsWidgetContentLazy';\nimport { CustomFieldsWidgetProps } from './types';\nimport { InlineSkeletonContent } from './Skeletons';\n\ninterface CustomFieldsWidgetInlineProps {\n  state: CustomFieldsWidgetState;\n  extendedFields?: CustomFieldsWidgetProps['extendedFields'];\n  emptyStateOverrides: CustomFieldsWidgetProps['emptyStateOverrides'];\n  onChange?: CustomFieldsWidgetProps['onChange'];\n  dataHook: CustomFieldsWidgetProps['dataHook'];\n}\n\nconst _CustomFieldsWidgetInline = (props: CustomFieldsWidgetInlineProps) => {\n  const { state, emptyStateOverrides, onChange, dataHook } =\n    props;\n  const { translate: t } = state.dataExtension.container;\n\n  const renderContent = () => {\n    if (state.isLoading) {\n      return <InlineSkeletonContent />;\n    }\n\n    if (state.isError) {\n      return (\n        <LoadingErrorState\n          dataHook=\"custom-fields-widget-inline-error\"\n          title={t('cairo.customFields.technical.error.title')}\n          action={{\n            prefixIcon: <RefreshIcon />,\n            text: t('cairo.toast.retry'),\n            onClick: state.retry,\n          }}\n        />\n      );\n    }\n\n    return (\n      <CustomFieldsWidgetContentLazy\n        emptyStateOverrides={emptyStateOverrides}\n        onChange={onChange}\n      />\n    );\n  };\n\n  return <div data-hook={dataHook}>{renderContent()}</div>;\n};\n\nexport const CustomFieldsWidgetInline = observer(_CustomFieldsWidgetInline);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,8BAAA,GAAAJ,OAAA;AAEA,IAAAK,UAAA,GAAAL,OAAA;AAAoD,IAAAM,YAAA;AAUpD,MAAMC,yBAAyB,GAAIC,KAAoC,IAAK;EAC1E,MAAM;IAAEC,KAAK;IAAEC,mBAAmB;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GACtDJ,KAAK;EACP,MAAM;IAAEK,SAAS,EAAEC;EAAE,CAAC,GAAGL,KAAK,CAACM,aAAa,CAACC,SAAS;EAEtD,MAAMC,aAAa,GAAGA,CAAA,KAAM;IAC1B,IAAIR,KAAK,CAACS,SAAS,EAAE;MACnB,oBAAOpB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACf,UAAA,CAAAgB,qBAAqB;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAlB,YAAA;UAAAmB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC;IAClC;IAEA,IAAIjB,KAAK,CAACkB,OAAO,EAAE;MACjB,oBACE7B,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACjB,WAAA,CAAAyB,iBAAiB;QAChBhB,QAAQ,EAAC,mCAAmC;QAC5CiB,KAAK,EAAEf,CAAC,CAAC,0CAA0C,CAAE;QACrDgB,MAAM,EAAE;UACNC,UAAU,eAAEjC,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAClB,iBAAA,CAAA8B,OAAW;YAAAV,MAAA;YAAAC,QAAA;cAAAC,QAAA,EAAAlB,YAAA;cAAAmB,UAAA;cAAAC,YAAA;YAAA;UAAA,CAAE,CAAC;UAC3BO,IAAI,EAAEnB,CAAC,CAAC,mBAAmB,CAAC;UAC5BoB,OAAO,EAAEzB,KAAK,CAAC0B;QACjB,CAAE;QAAAb,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAlB,YAAA;UAAAmB,UAAA;UAAAC,YAAA;QAAA;MAAA,CACH,CAAC;IAEN;IAEA,oBACE5B,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAChB,8BAAA,CAAAgC,6BAA6B;MAC5B1B,mBAAmB,EAAEA,mBAAoB;MACzCC,QAAQ,EAAEA,QAAS;MAAAW,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,CACpB,CAAC;EAEN,CAAC;EAED,oBAAO5B,MAAA,CAAAqB,OAAA,CAAAC,aAAA;IAAK,aAAWR,QAAS;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAET,aAAa,CAAC,CAAO,CAAC;AAC1D,CAAC;AAEM,MAAMoB,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAAE,uBAAQ,EAAChC,yBAAyB,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_wixUiIconsCommon","_ErrorState","_CustomFieldsWidgetContentLazy","_Skeletons","_jsxFileName","_CustomFieldsWidgetInline","props","state","emptyStateOverrides","onChange","dataHook","translate","t","dataExtension","container","renderContent","isLoading","default","createElement","InlineSkeletonContent","__self","__source","fileName","lineNumber","columnNumber","isError","LoadingErrorState","title","action","prefixIcon","Refresh","text","onClick","retry","CustomFieldsWidgetContentLazy","CustomFieldsWidgetInline","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidgetInline.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport type { CustomFieldsWidgetState } from '../../state';\nimport { Refresh as RefreshIcon } from '@wix/wix-ui-icons-common';\nimport { LoadingErrorState } from '../ErrorState';\nimport { CustomFieldsWidgetContentLazy } from './CustomFieldsWidgetContentLazy';\nimport { CustomFieldsWidgetProps } from './types';\nimport { InlineSkeletonContent } from './Skeletons';\n\ninterface CustomFieldsWidgetInlineProps {\n  state: CustomFieldsWidgetState;\n  extendedFields?: CustomFieldsWidgetProps['extendedFields'];\n  emptyStateOverrides: CustomFieldsWidgetProps['emptyStateOverrides'];\n  onChange?: CustomFieldsWidgetProps['onChange'];\n  dataHook: CustomFieldsWidgetProps['dataHook'];\n}\n\nconst _CustomFieldsWidgetInline = (props: CustomFieldsWidgetInlineProps) => {\n  const { state, emptyStateOverrides, onChange, dataHook } = props;\n  const { translate: t } = state.dataExtension.container;\n\n  const renderContent = () => {\n    if (state.isLoading) {\n      return <InlineSkeletonContent />;\n    }\n\n    if (state.isError) {\n      return (\n        <LoadingErrorState\n          dataHook=\"custom-fields-widget-inline-error\"\n          title={t('cairo.customFields.technical.error.title')}\n          action={{\n            prefixIcon: <RefreshIcon />,\n            text: t('cairo.toast.retry'),\n            onClick: state.retry,\n          }}\n        />\n      );\n    }\n\n    return (\n      <CustomFieldsWidgetContentLazy\n        emptyStateOverrides={emptyStateOverrides}\n        onChange={onChange}\n      />\n    );\n  };\n\n  return <div data-hook={dataHook}>{renderContent()}</div>;\n};\n\nexport const CustomFieldsWidgetInline = observer(_CustomFieldsWidgetInline);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,8BAAA,GAAAJ,OAAA;AAEA,IAAAK,UAAA,GAAAL,OAAA;AAAoD,IAAAM,YAAA;AAUpD,MAAMC,yBAAyB,GAAIC,KAAoC,IAAK;EAC1E,MAAM;IAAEC,KAAK;IAAEC,mBAAmB;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAGJ,KAAK;EAChE,MAAM;IAAEK,SAAS,EAAEC;EAAE,CAAC,GAAGL,KAAK,CAACM,aAAa,CAACC,SAAS;EAEtD,MAAMC,aAAa,GAAGA,CAAA,KAAM;IAC1B,IAAIR,KAAK,CAACS,SAAS,EAAE;MACnB,oBAAOpB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACf,UAAA,CAAAgB,qBAAqB;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAlB,YAAA;UAAAmB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC;IAClC;IAEA,IAAIjB,KAAK,CAACkB,OAAO,EAAE;MACjB,oBACE7B,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACjB,WAAA,CAAAyB,iBAAiB;QAChBhB,QAAQ,EAAC,mCAAmC;QAC5CiB,KAAK,EAAEf,CAAC,CAAC,0CAA0C,CAAE;QACrDgB,MAAM,EAAE;UACNC,UAAU,eAAEjC,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAClB,iBAAA,CAAA8B,OAAW;YAAAV,MAAA;YAAAC,QAAA;cAAAC,QAAA,EAAAlB,YAAA;cAAAmB,UAAA;cAAAC,YAAA;YAAA;UAAA,CAAE,CAAC;UAC3BO,IAAI,EAAEnB,CAAC,CAAC,mBAAmB,CAAC;UAC5BoB,OAAO,EAAEzB,KAAK,CAAC0B;QACjB,CAAE;QAAAb,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAlB,YAAA;UAAAmB,UAAA;UAAAC,YAAA;QAAA;MAAA,CACH,CAAC;IAEN;IAEA,oBACE5B,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAChB,8BAAA,CAAAgC,6BAA6B;MAC5B1B,mBAAmB,EAAEA,mBAAoB;MACzCC,QAAQ,EAAEA,QAAS;MAAAW,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAlB,YAAA;QAAAmB,UAAA;QAAAC,YAAA;MAAA;IAAA,CACpB,CAAC;EAEN,CAAC;EAED,oBAAO5B,MAAA,CAAAqB,OAAA,CAAAC,aAAA;IAAK,aAAWR,QAAS;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAET,aAAa,CAAC,CAAO,CAAC;AAC1D,CAAC;AAEM,MAAMoB,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,GAAG,IAAAE,uBAAQ,EAAChC,yBAAyB,CAAC","ignoreList":[]}

package/dist/cjs/components/CustomFieldsWidget/useCustomFieldsFormState.js

@@ -7,13 +7,11 @@ var _state = require("../../state");
 function useCustomFieldsFormState(params) {
   const {
     state: allNamespacesFormState,
-    onChange,
     namespace
   } = params;
   const translate = allNamespacesFormState._customFieldsWidgetState.container.translate;
   const [state] = (0, _react.useState)(() => allNamespacesFormState.addFormIfAbsent(new _state.CustomFieldsFormState({
     customFieldsWidgetState: allNamespacesFormState._customFieldsWidgetState,
-    onChange,
     translate,
     namespace
   })));

package/dist/cjs/components/CustomFieldsWidget/useCustomFieldsFormState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_state","useCustomFieldsFormState","params","state","allNamespacesFormState","onChange","namespace","translate","_customFieldsWidgetState","container","useState","addFormIfAbsent","CustomFieldsFormState","customFieldsWidgetState"],"sources":["../../../../src/components/CustomFieldsWidget/useCustomFieldsFormState.ts"],"sourcesContent":["import { useState } from 'react';\nimport {\n  CustomFieldsAllNamespacesFormState,\n  CustomFieldsFormState,\n} from '../../state';\nimport { OnCustomFieldChange } from './OnCustomFieldChange';\n\nexport interface UseCustomFieldsFormStateParams {\n  state: CustomFieldsAllNamespacesFormState;\n  onChange?: OnCustomFieldChange;\n  namespace: string;\n}\n\nexport function useCustomFieldsFormState(\n  params: UseCustomFieldsFormStateParams,\n) {\n  const { state: allNamespacesFormState, onChange, namespace } = params;\n\n  const translate =\n    allNamespacesFormState._customFieldsWidgetState.container.translate;\n\n  const [state] = useState(() =>\n    allNamespacesFormState.addFormIfAbsent(\n      new CustomFieldsFormState({\n        customFieldsWidgetState:\n          allNamespacesFormState._customFieldsWidgetState,\n        onChange,\n        translate,\n        namespace,\n      }),\n    ),\n  );\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAYO,SAASE,wBAAwBA,CACtCC,MAAsC,EACtC;EACA,MAAM;IAAEC,KAAK,EAAEC,sBAAsB;IAAEC,QAAQ;IAAEC;EAAU,CAAC,GAAGJ,MAAM;EAErE,MAAMK,SAAS,GACbH,sBAAsB,CAACI,wBAAwB,CAACC,SAAS,CAACF,SAAS;EAErE,MAAM,CAACJ,KAAK,CAAC,GAAG,IAAAO,eAAQ,EAAC,MACvBN,sBAAsB,CAACO,eAAe,CACpC,IAAIC,4BAAqB,CAAC;IACxBC,uBAAuB,EACrBT,sBAAsB,CAACI,wBAAwB;IACjDH,QAAQ;IACRE,SAAS;IACTD;EACF,CAAC,CACH,CACF,CAAC;EAED,OAAOH,KAAK;AACd","ignoreList":[]}
+{"version":3,"names":["_react","require","_state","useCustomFieldsFormState","params","state","allNamespacesFormState","namespace","translate","_customFieldsWidgetState","container","useState","addFormIfAbsent","CustomFieldsFormState","customFieldsWidgetState"],"sources":["../../../../src/components/CustomFieldsWidget/useCustomFieldsFormState.ts"],"sourcesContent":["import { useState } from 'react';\nimport {\n  CustomFieldsAllNamespacesFormState,\n  CustomFieldsFormState,\n} from '../../state';\n\nexport interface UseCustomFieldsFormStateParams {\n  state: CustomFieldsAllNamespacesFormState;\n  namespace: string;\n}\n\nexport function useCustomFieldsFormState(\n  params: UseCustomFieldsFormStateParams,\n) {\n  const { state: allNamespacesFormState, namespace } = params;\n\n  const translate =\n    allNamespacesFormState._customFieldsWidgetState.container.translate;\n\n  const [state] = useState(() =>\n    allNamespacesFormState.addFormIfAbsent(\n      new CustomFieldsFormState({\n        customFieldsWidgetState:\n          allNamespacesFormState._customFieldsWidgetState,\n        translate,\n        namespace,\n      }),\n    ),\n  );\n\n  return state;\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAUO,SAASE,wBAAwBA,CACtCC,MAAsC,EACtC;EACA,MAAM;IAAEC,KAAK,EAAEC,sBAAsB;IAAEC;EAAU,CAAC,GAAGH,MAAM;EAE3D,MAAMI,SAAS,GACbF,sBAAsB,CAACG,wBAAwB,CAACC,SAAS,CAACF,SAAS;EAErE,MAAM,CAACH,KAAK,CAAC,GAAG,IAAAM,eAAQ,EAAC,MACvBL,sBAAsB,CAACM,eAAe,CACpC,IAAIC,4BAAqB,CAAC;IACxBC,uBAAuB,EACrBR,sBAAsB,CAACG,wBAAwB;IACjDD,SAAS;IACTD;EACF,CAAC,CACH,CACF,CAAC;EAED,OAAOF,KAAK;AACd","ignoreList":[]}