@wix/patterns 1.176.0 → 1.177.0

package/dist/cjs/components/MaxHeightText/MaxHeightText.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/MaxHeightText/MaxHeightText.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxHeightText284187774\";\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\":\"MaxHeightText284187774__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,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,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;AAA8B,CAAC;AACrD,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/MaxHeightText/MaxHeightText.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxHeightText3039366442\";\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\":\"MaxHeightText3039366442__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/MaxLines/MaxLines.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_ = "MaxLines4216579946";
+var _namespace_ = "MaxLines4052267018";
 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": "MaxLines4216579946__root"
+  "root": "MaxLines4052267018__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MaxLines/MaxLines.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/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines4216579946\";\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\":\"MaxLines4216579946__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,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;AAA0B,CAAC;AACjD,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/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines4052267018\";\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\":\"MaxLines4052267018__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,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;AAA0B,CAAC;AACjD,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/MultiBulkActionToolbar/MultiBulkActionToolbar.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_ = "MultiBulkActionToolbar547911638";
+var _namespace_ = "MultiBulkActionToolbar225175483";
 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": "MultiBulkActionToolbar547911638__root"
+  "root": "MultiBulkActionToolbar225175483__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.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/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultiBulkActionToolbar547911638\";\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\":\"MultiBulkActionToolbar547911638__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,iCAAiC;AACnD,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;AAAuC,CAAC;AAC9D,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/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultiBulkActionToolbar225175483\";\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\":\"MultiBulkActionToolbar225175483__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,iCAAiC;AACnD,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;AAAuC,CAAC;AAC9D,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/MultiLevelSortingPanel/MultiLevelSortingColumnSelect.js

@@ -14,10 +14,10 @@ function _MultiLevelSortingColumnSelect(props) {
     sortableColumn,
     state
   } = props;
-  const ref = _react.default.useRef();
+  const ref = (0, _react.useRef)();
   const options = state.getAvailableOptions(sortableColumn.columnId);
   (0, _react.useEffect)(() => {
-    requestAnimationFrame(() => {
+    const id = window.requestAnimationFrame(() => {
       if (!ref.current) {
         return;
       }
@@ -28,6 +28,9 @@ function _MultiLevelSortingColumnSelect(props) {
         ref.current.focus();
       }
     });
+    return () => {
+      window.cancelAnimationFrame(id);
+    };
   }, []);
   return /*#__PURE__*/_react.default.createElement(_designSystem.Dropdown, {
     inputRef: node => {
@@ -50,7 +53,7 @@ function _MultiLevelSortingColumnSelect(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 36,
+      lineNumber: 40,
       columnNumber: 5
     }
   });

package/dist/cjs/components/MultiLevelSortingPanel/MultiLevelSortingColumnSelect.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_MultiLevelSortingColumnSelect","props","sortableColumn","state","ref","React","useRef","options","getAvailableOptions","columnId","useEffect","requestAnimationFrame","current","lastManuallyAddedColumnId","focus","createElement","Dropdown","inputRef","node","dataHook","onSelect","id","replaceSort","popoverProps","appendTo","selectedId","size","__self","__source","fileName","lineNumber","columnNumber","MultiLevelSortingColumnSelect","exports","observer"],"sources":["../../../../src/components/MultiLevelSortingPanel/MultiLevelSortingColumnSelect.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Dropdown } from '@wix/design-system';\nimport { FiltersMap } from '@wix/bex-core';\nimport { MultiLevelSortingState, SortableColumn } from '../../state';\n\nexport interface MultiLevelSortingColumnSelectProps<T, F extends FiltersMap> {\n  sortableColumn: SortableColumn;\n  state: MultiLevelSortingState<T, F>;\n  index: number;\n}\n\nexport function _MultiLevelSortingColumnSelect<T, F extends FiltersMap>(\n  props: MultiLevelSortingColumnSelectProps<T, F>,\n) {\n  const { sortableColumn, state } = props;\n  const ref = React.useRef<HTMLInputElement | null>();\n\n  const options = state.getAvailableOptions(sortableColumn.columnId);\n\n  useEffect(() => {\n    requestAnimationFrame(() => {\n      if (!ref.current) {\n        return;\n      }\n\n      // focus the last added column\n      if (sortableColumn.columnId === state.lastManuallyAddedColumnId) {\n        state.lastManuallyAddedColumnId = null;\n        ref.current.focus();\n      }\n    });\n  }, []);\n\n  return (\n    <Dropdown\n      inputRef={(node) => {\n        if (ref) {\n          ref.current = node;\n        }\n      }}\n      dataHook=\"multi-level-sorting-select-column\"\n      onSelect={({ id }) => {\n        state.replaceSort(sortableColumn.columnId, id as string);\n      }}\n      popoverProps={{\n        appendTo: 'window',\n      }}\n      options={options}\n      selectedId={sortableColumn.columnId}\n      size=\"small\"\n    />\n  );\n}\n\nexport const MultiLevelSortingColumnSelect = observer(\n  _MultiLevelSortingColumnSelect,\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_MultiLevelSortingColumnSelect","props","sortableColumn","state","ref","useRef","options","getAvailableOptions","columnId","useEffect","id","window","requestAnimationFrame","current","lastManuallyAddedColumnId","focus","cancelAnimationFrame","createElement","Dropdown","inputRef","node","dataHook","onSelect","replaceSort","popoverProps","appendTo","selectedId","size","__self","__source","fileName","lineNumber","columnNumber","MultiLevelSortingColumnSelect","exports","observer"],"sources":["../../../../src/components/MultiLevelSortingPanel/MultiLevelSortingColumnSelect.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Dropdown } from '@wix/design-system';\nimport { FiltersMap } from '@wix/bex-core';\nimport { MultiLevelSortingState, SortableColumn } from '../../state';\n\nexport interface MultiLevelSortingColumnSelectProps<T, F extends FiltersMap> {\n  sortableColumn: SortableColumn;\n  state: MultiLevelSortingState<T, F>;\n  index: number;\n}\n\nexport function _MultiLevelSortingColumnSelect<T, F extends FiltersMap>(\n  props: MultiLevelSortingColumnSelectProps<T, F>,\n) {\n  const { sortableColumn, state } = props;\n  const ref = useRef<HTMLInputElement>();\n\n  const options = state.getAvailableOptions(sortableColumn.columnId);\n\n  useEffect(() => {\n    const id = window.requestAnimationFrame(() => {\n      if (!ref.current) {\n        return;\n      }\n\n      // focus the last added column\n      if (sortableColumn.columnId === state.lastManuallyAddedColumnId) {\n        state.lastManuallyAddedColumnId = null;\n        ref.current.focus();\n      }\n    });\n\n    return () => {\n      window.cancelAnimationFrame(id);\n    };\n  }, []);\n\n  return (\n    <Dropdown\n      inputRef={(node) => {\n        if (ref) {\n          ref.current = node;\n        }\n      }}\n      dataHook=\"multi-level-sorting-select-column\"\n      onSelect={({ id }) => {\n        state.replaceSort(sortableColumn.columnId, id as string);\n      }}\n      popoverProps={{\n        appendTo: 'window',\n      }}\n      options={options}\n      selectedId={sortableColumn.columnId}\n      size=\"small\"\n    />\n  );\n}\n\nexport const MultiLevelSortingColumnSelect = observer(\n  _MultiLevelSortingColumnSelect,\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/MultiLevelSortingPanel/MultiLevelSortingTableListItem.js

@@ -21,6 +21,8 @@ function _MultiLevelSortingTableListItem(props) {
     draggable,
     index,
     showDivider,
+    dragHandleProps,
+    droppable,
     ...rest
   } = props;
   const {
@@ -33,7 +35,7 @@ function _MultiLevelSortingTableListItem(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 36,
+      lineNumber: 38,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.TableListItem, {
@@ -50,7 +52,7 @@ function _MultiLevelSortingTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 49,
+          lineNumber: 51,
           columnNumber: 15
         }
       }, /*#__PURE__*/_react.default.createElement(_MultiLevelSortingColumnSelect.MultiLevelSortingColumnSelect, {
@@ -60,7 +62,7 @@ function _MultiLevelSortingTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 55,
+          lineNumber: 57,
           columnNumber: 17
         }
       }), /*#__PURE__*/_react.default.createElement(_MultiLevelSortingOrderSelect.MultiLevelSortingOrderSelect, {
@@ -69,7 +71,7 @@ function _MultiLevelSortingTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 60,
+          lineNumber: 62,
           columnNumber: 17
         }
       }), /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
@@ -77,7 +79,7 @@ function _MultiLevelSortingTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 64,
+          lineNumber: 66,
           columnNumber: 17
         }
       }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
@@ -90,14 +92,14 @@ function _MultiLevelSortingTableListItem(props) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 69,
+          lineNumber: 71,
           columnNumber: 19
         }
       }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DeleteSmall, {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 77,
+          lineNumber: 79,
           columnNumber: 21
         }
       }))))
@@ -105,7 +107,7 @@ function _MultiLevelSortingTableListItem(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 41,
+      lineNumber: 43,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/MultiLevelSortingPanel/MultiLevelSortingTableListItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_mobxReactLite","_MultiLevelSortingColumnSelect","_MultiLevelSortingOrderSelect","_react2","_jsxFileName","_MultiLevelSortingTableListItem","props","sortableColumn","state","domRef","dragging","draggable","index","showDivider","rest","translate","t","useWixPatternsContainer","default","createElement","_extends2","ref","columnId","__self","__source","fileName","lineNumber","columnNumber","TableListItem","verticalPadding","options","value","Box","width","direction","verticalAlign","gap","MultiLevelSortingColumnSelect","MultiLevelSortingOrderSelect","Tooltip","content","IconButton","dataHook","size","skin","onClick","removeSort","DeleteSmall","MultiLevelSortingTableListItem","exports","observer"],"sources":["../../../../src/components/MultiLevelSortingPanel/MultiLevelSortingTableListItem.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, IconButton, Tooltip, TableListItem } from '@wix/design-system';\nimport { DeleteSmall } from '@wix/wix-ui-icons-common';\nimport { observer } from 'mobx-react-lite';\nimport { MultiLevelSortingColumnSelect } from './MultiLevelSortingColumnSelect';\nimport { MultiLevelSortingOrderSelect } from './MultiLevelSortingOrderSelect';\nimport { GridCardItemProps } from '../DragAndDrop';\nimport { MultiLevelSortingState, SortableColumn } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface MultiLevelSortingTableListItemProps<T, F extends FiltersMap>\n  extends GridCardItemProps {\n  index: number;\n  sortableColumn: SortableColumn;\n  state: MultiLevelSortingState<T, F>;\n  showDivider?: boolean;\n}\n\nfunction _MultiLevelSortingTableListItem<T, F extends FiltersMap>(\n  props: MultiLevelSortingTableListItemProps<T, F>,\n) {\n  const {\n    sortableColumn,\n    state,\n    domRef,\n    dragging,\n    draggable,\n    index,\n    showDivider,\n    ...rest\n  } = props;\n  const { translate: t } = useWixPatternsContainer();\n\n  return (\n    <div\n      ref={domRef}\n      data-hook={`multi-level-sorting-item-${sortableColumn.columnId}`}\n      {...rest}\n    >\n      <TableListItem\n        verticalPadding=\"tiny\"\n        draggable={draggable}\n        dragging={dragging}\n        showDivider={showDivider}\n        options={[\n          {\n            value: (\n              <Box\n                width=\"100%\"\n                direction=\"horizontal\"\n                verticalAlign=\"middle\"\n                gap=\"SP2\"\n              >\n                <MultiLevelSortingColumnSelect\n                  sortableColumn={sortableColumn}\n                  state={state}\n                  index={index}\n                />\n                <MultiLevelSortingOrderSelect\n                  sortableColumn={sortableColumn}\n                  state={state}\n                />\n                <Tooltip\n                  content={t(\n                    'cairo.table.advanced-sorting.remove.button.tooltip',\n                  )}\n                >\n                  <IconButton\n                    dataHook=\"multi-level-sorting-remove-sort\"\n                    size=\"small\"\n                    skin=\"light\"\n                    onClick={() => {\n                      state.removeSort(sortableColumn.columnId);\n                    }}\n                  >\n                    <DeleteSmall />\n                  </IconButton>\n                </Tooltip>\n              </Box>\n            ),\n          },\n        ]}\n      />\n    </div>\n  );\n}\n\nexport const MultiLevelSortingTableListItem = observer(\n  _MultiLevelSortingTableListItem,\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_mobxReactLite","_MultiLevelSortingColumnSelect","_MultiLevelSortingOrderSelect","_react2","_jsxFileName","_MultiLevelSortingTableListItem","props","sortableColumn","state","domRef","dragging","draggable","index","showDivider","dragHandleProps","droppable","rest","translate","t","useWixPatternsContainer","default","createElement","_extends2","ref","columnId","__self","__source","fileName","lineNumber","columnNumber","TableListItem","verticalPadding","options","value","Box","width","direction","verticalAlign","gap","MultiLevelSortingColumnSelect","MultiLevelSortingOrderSelect","Tooltip","content","IconButton","dataHook","size","skin","onClick","removeSort","DeleteSmall","MultiLevelSortingTableListItem","exports","observer"],"sources":["../../../../src/components/MultiLevelSortingPanel/MultiLevelSortingTableListItem.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, IconButton, Tooltip, TableListItem } from '@wix/design-system';\nimport { DeleteSmall } from '@wix/wix-ui-icons-common';\nimport { observer } from 'mobx-react-lite';\nimport { MultiLevelSortingColumnSelect } from './MultiLevelSortingColumnSelect';\nimport { MultiLevelSortingOrderSelect } from './MultiLevelSortingOrderSelect';\nimport { GridCardItemProps } from '../DragAndDrop';\nimport { MultiLevelSortingState, SortableColumn } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\n\nexport interface MultiLevelSortingTableListItemProps<T, F extends FiltersMap>\n  extends GridCardItemProps {\n  index: number;\n  sortableColumn: SortableColumn;\n  state: MultiLevelSortingState<T, F>;\n  showDivider?: boolean;\n}\n\nfunction _MultiLevelSortingTableListItem<T, F extends FiltersMap>(\n  props: MultiLevelSortingTableListItemProps<T, F>,\n) {\n  const {\n    sortableColumn,\n    state,\n    domRef,\n    dragging,\n    draggable,\n    index,\n    showDivider,\n    dragHandleProps,\n    droppable,\n    ...rest\n  } = props;\n  const { translate: t } = useWixPatternsContainer();\n\n  return (\n    <div\n      ref={domRef}\n      data-hook={`multi-level-sorting-item-${sortableColumn.columnId}`}\n      {...rest}\n    >\n      <TableListItem\n        verticalPadding=\"tiny\"\n        draggable={draggable}\n        dragging={dragging}\n        showDivider={showDivider}\n        options={[\n          {\n            value: (\n              <Box\n                width=\"100%\"\n                direction=\"horizontal\"\n                verticalAlign=\"middle\"\n                gap=\"SP2\"\n              >\n                <MultiLevelSortingColumnSelect\n                  sortableColumn={sortableColumn}\n                  state={state}\n                  index={index}\n                />\n                <MultiLevelSortingOrderSelect\n                  sortableColumn={sortableColumn}\n                  state={state}\n                />\n                <Tooltip\n                  content={t(\n                    'cairo.table.advanced-sorting.remove.button.tooltip',\n                  )}\n                >\n                  <IconButton\n                    dataHook=\"multi-level-sorting-remove-sort\"\n                    size=\"small\"\n                    skin=\"light\"\n                    onClick={() => {\n                      state.removeSort(sortableColumn.columnId);\n                    }}\n                  >\n                    <DeleteSmall />\n                  </IconButton>\n                </Tooltip>\n              </Box>\n            ),\n          },\n        ]}\n      />\n    </div>\n  );\n}\n\nexport const MultiLevelSortingTableListItem = observer(\n  _MultiLevelSortingTableListItem,\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.js

@@ -17,6 +17,7 @@ const _NestedTablePlaceholderStatesRow = /*#__PURE__*/(0, _react.forwardRef)((pr
     children,
     item,
     className,
+    rowData,
     ...rest
   } = props;
   const {

package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_NestedTablePlaceholderStatesRowStCss","_designSystem","_NestedTableRowPlaceholderStates","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_NestedTablePlaceholderStatesRow","forwardRef","props","ref","children","item","className","rest","st","dataTableRowSt","classes","dataTableRowClasses","Table","dataTableRowStyle","createElement","_extends2","root","skin","__self","__source","fileName","lineNumber","columnNumber","Box","verticalAlign","align","width","NestedTableRowPlaceholderStates","state","NestedTablePlaceholderStatesRow","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTablePlaceholderStatesRow.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React, { forwardRef, HTMLAttributes, MutableRefObject } from 'react';\nimport { classes, st } from './NestedTablePlaceholderStatesRow.st.css.js';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Box, Table } from '@wix/design-system';\nimport { NestedTableRowPlaceholderStates } from './NestedTableRowPlaceholderStates';\nimport { NestedTableSkeletonItem } from '../../state/NestedTableState/NestedTableNodeState';\n\nexport interface NestedTablePlaceholderStatesRowProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> extends HTMLAttributes<HTMLTableRowElement> {\n  item: NestedTableSkeletonItem<C, T, F>;\n}\n\nconst _NestedTablePlaceholderStatesRow = forwardRef(\n  <C extends string, T, F extends FiltersMap>(\n    props: NestedTablePlaceholderStatesRowProps<C, T, F>,\n    ref:\n      | ((instance: HTMLTableRowElement | null) => void)\n      | MutableRefObject<HTMLTableRowElement | null>\n      | null,\n  ) => {\n    const { children, item, className, ...rest } = props;\n\n    const { st: dataTableRowSt, classes: dataTableRowClasses } =\n      Table.dataTableRowStyle;\n\n    return (\n      <tr\n        ref={ref}\n        className={st(\n          classes.root,\n          {},\n          dataTableRowSt(\n            dataTableRowClasses.root,\n            {\n              skin: 'light',\n            },\n            className,\n          ),\n        )}\n        {...rest}\n      >\n        <td>\n          <Box verticalAlign=\"middle\" align=\"center\" width=\"100%\">\n            <NestedTableRowPlaceholderStates state={item.state} />\n          </Box>\n        </td>\n      </tr>\n    );\n  },\n);\n\nexport const NestedTablePlaceholderStatesRow = observer(\n  _NestedTablePlaceholderStatesRow,\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_NestedTablePlaceholderStatesRowStCss","_designSystem","_NestedTableRowPlaceholderStates","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_NestedTablePlaceholderStatesRow","forwardRef","props","ref","children","item","className","rowData","rest","st","dataTableRowSt","classes","dataTableRowClasses","Table","dataTableRowStyle","createElement","_extends2","root","skin","__self","__source","fileName","lineNumber","columnNumber","Box","verticalAlign","align","width","NestedTableRowPlaceholderStates","state","NestedTablePlaceholderStatesRow","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTablePlaceholderStatesRow.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React, { forwardRef, HTMLAttributes, MutableRefObject } from 'react';\nimport { classes, st } from './NestedTablePlaceholderStatesRow.st.css.js';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Box, Table } from '@wix/design-system';\nimport { NestedTableRowPlaceholderStates } from './NestedTableRowPlaceholderStates';\nimport { NestedTableSkeletonItem } from '../../state/NestedTableState/NestedTableNodeState';\n\nexport interface NestedTablePlaceholderStatesRowProps<\n  C extends string,\n  T,\n  F extends FiltersMap,\n> extends HTMLAttributes<HTMLTableRowElement> {\n  item: NestedTableSkeletonItem<C, T, F>;\n}\n\nconst _NestedTablePlaceholderStatesRow = forwardRef(\n  <C extends string, T, F extends FiltersMap>(\n    props: NestedTablePlaceholderStatesRowProps<C, T, F> & { rowData: unknown },\n    ref:\n      | ((instance: HTMLTableRowElement | null) => void)\n      | MutableRefObject<HTMLTableRowElement | null>\n      | null,\n  ) => {\n    const { children, item, className, rowData, ...rest } = props;\n\n    const { st: dataTableRowSt, classes: dataTableRowClasses } =\n      Table.dataTableRowStyle;\n\n    return (\n      <tr\n        ref={ref}\n        className={st(\n          classes.root,\n          {},\n          dataTableRowSt(\n            dataTableRowClasses.root,\n            {\n              skin: 'light',\n            },\n            className,\n          ),\n        )}\n        {...rest}\n      >\n        <td>\n          <Box verticalAlign=\"middle\" align=\"center\" width=\"100%\">\n            <NestedTableRowPlaceholderStates state={item.state} />\n          </Box>\n        </td>\n      </tr>\n    );\n  },\n);\n\nexport const NestedTablePlaceholderStatesRow = observer(\n  _NestedTablePlaceholderStatesRow,\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.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_ = "NestedTablePlaceholderStatesRow2005447920";
+var _namespace_ = "NestedTablePlaceholderStatesRow4121172106";
 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": "NestedTablePlaceholderStatesRow2005447920__root"
+  "root": "NestedTablePlaceholderStatesRow4121172106__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.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/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTablePlaceholderStatesRow2005447920\";\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\":\"NestedTablePlaceholderStatesRow2005447920__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,2CAA2C;AAC7D,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;AAAiD,CAAC;AACxE,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/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTablePlaceholderStatesRow4121172106\";\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\":\"NestedTablePlaceholderStatesRow4121172106__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,2CAA2C;AAC7D,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;AAAiD,CAAC;AACxE,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/NestedTable/NestedTableRow.js

@@ -17,6 +17,7 @@ const _NestedTableRow = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     children,
     item,
     className,
+    rowData,
     dragAndDrop,
     ...rest
   } = props;

package/dist/cjs/components/NestedTable/NestedTableRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_NestedTableRowStCss","_designSystem","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_NestedTableRow","forwardRef","props","ref","_item$state$parent","children","item","className","dragAndDrop","rest","itemState","useState","state","createNode","parent","originalKeyedItem","useEffect","init","st","dataTableRowSt","classes","dataTableRowClasses","Table","dataTableRowStyle","expandable","isNotExpandable","isSameEntityAsOtherLevels","levelDescriptor","child","createElement","_extends2","process","env","NODE_ENV","key","indexWithinPage","collection","result","size","childrenDepth","nestedTable","_indentationWidth","root","showHoverHighlight","parentHovered","undefined","firstLevel","skin","onMouseEnter","_changeHover","onMouseLeave","onClick","ev","_toggleExpand","bi","reportExpandCollapse","__self","__source","fileName","lineNumber","columnNumber","NestedTableDragAndDropRow","forwardedRef","NestedTableRow","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTableRow.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React, {\n  forwardRef,\n  HTMLAttributes,\n  MutableRefObject,\n  useEffect,\n  useState,\n} from 'react';\nimport { classes, st } from './NestedTableRow.st.css.js';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Table } from '@wix/design-system';\nimport type { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\nimport { NestedTableDataItem } from '../../state/NestedTableState/NestedTableNodeState';\n\nexport interface NestedTableRowProps<C extends string, T, F extends FiltersMap>\n  extends HTMLAttributes<HTMLTableRowElement> {\n  item: NestedTableDataItem<C, T, F>;\n  dragAndDrop?: typeof NestedTableDragAndDrop;\n}\n\nconst _NestedTableRow = forwardRef(\n  <C extends string, T, F extends FiltersMap>(\n    props: NestedTableRowProps<C, T, F>,\n    ref:\n      | ((instance: HTMLTableRowElement | null) => void)\n      | MutableRefObject<HTMLTableRowElement | null>\n      | null,\n  ) => {\n    const { children, item, className, dragAndDrop, ...rest } = props;\n\n    const [itemState] = useState(() => {\n      return item.state.createNode({\n        parent: item.originalKeyedItem,\n      });\n    });\n\n    useEffect(() => itemState?.init(), []);\n\n    const { st: dataTableRowSt, classes: dataTableRowClasses } =\n      Table.dataTableRowStyle;\n\n    const expandable =\n      itemState != null &&\n      !itemState.isNotExpandable(item.originalKeyedItem.item);\n\n    const isSameEntityAsOtherLevels =\n      itemState?.levelDescriptor.isSameEntityAsOtherLevels;\n    let child = (\n      <tr\n        {...(process.env.NODE_ENV !== 'production' && {\n          'data-parent-key': item.state.parent?.key,\n          'data-index-in-parent': item.originalKeyedItem.indexWithinPage,\n        })}\n        {...(process.env.NODE_ENV === 'test' && {\n          'data-virtual-direct-children-count':\n            item.state.collection.result.size,\n          'data-level': item.state.childrenDepth,\n          'data-indentation-width': item.state.nestedTable._indentationWidth,\n        })}\n        ref={ref}\n        className={st(\n          classes.root,\n          {\n            expandable,\n          },\n          item.state.showHoverHighlight ? classes.parentHovered : undefined,\n          item.state.childrenDepth === 0 && !isSameEntityAsOtherLevels\n            ? classes.firstLevel\n            : undefined,\n          dataTableRowSt(dataTableRowClasses.root, {\n            skin:\n              item.state.childrenDepth === 0 && !isSameEntityAsOtherLevels\n                ? 'neutral'\n                : 'light',\n          }),\n          className,\n        )}\n        onMouseEnter={() => {\n          itemState?._changeHover(true);\n        }}\n        onMouseLeave={() => {\n          itemState?._changeHover(false);\n        }}\n        {...rest}\n        onClick={(ev) => {\n          rest?.onClick?.(ev);\n          if (expandable) {\n            itemState._toggleExpand();\n            itemState.bi.reportExpandCollapse();\n          }\n        }}\n      >\n        {children}\n      </tr>\n    );\n\n    if (dragAndDrop) {\n      const { NestedTableDragAndDropRow } = dragAndDrop;\n      child = (\n        <NestedTableDragAndDropRow item={item} forwardedRef={ref}>\n          {child}\n        </NestedTableDragAndDropRow>\n      );\n    }\n\n    return child;\n  },\n);\n\nexport const NestedTableRow = observer(_NestedTableRow);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_NestedTableRowStCss","_designSystem","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_NestedTableRow","forwardRef","props","ref","_item$state$parent","children","item","className","rowData","dragAndDrop","rest","itemState","useState","state","createNode","parent","originalKeyedItem","useEffect","init","st","dataTableRowSt","classes","dataTableRowClasses","Table","dataTableRowStyle","expandable","isNotExpandable","isSameEntityAsOtherLevels","levelDescriptor","child","createElement","_extends2","process","env","NODE_ENV","key","indexWithinPage","collection","result","size","childrenDepth","nestedTable","_indentationWidth","root","showHoverHighlight","parentHovered","undefined","firstLevel","skin","onMouseEnter","_changeHover","onMouseLeave","onClick","ev","_toggleExpand","bi","reportExpandCollapse","__self","__source","fileName","lineNumber","columnNumber","NestedTableDragAndDropRow","forwardedRef","NestedTableRow","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTableRow.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React, {\n  forwardRef,\n  HTMLAttributes,\n  MutableRefObject,\n  useEffect,\n  useState,\n} from 'react';\nimport { classes, st } from './NestedTableRow.st.css.js';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Table } from '@wix/design-system';\nimport type { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\nimport { NestedTableDataItem } from '../../state/NestedTableState/NestedTableNodeState';\n\nexport interface NestedTableRowProps<C extends string, T, F extends FiltersMap>\n  extends HTMLAttributes<HTMLTableRowElement> {\n  item: NestedTableDataItem<C, T, F>;\n  dragAndDrop?: typeof NestedTableDragAndDrop;\n}\n\nconst _NestedTableRow = forwardRef(\n  <C extends string, T, F extends FiltersMap>(\n    props: NestedTableRowProps<C, T, F> & { rowData: unknown },\n    ref:\n      | ((instance: HTMLTableRowElement | null) => void)\n      | MutableRefObject<HTMLTableRowElement | null>\n      | null,\n  ) => {\n    const { children, item, className, rowData, dragAndDrop, ...rest } = props;\n\n    const [itemState] = useState(() => {\n      return item.state.createNode({\n        parent: item.originalKeyedItem,\n      });\n    });\n\n    useEffect(() => itemState?.init(), []);\n\n    const { st: dataTableRowSt, classes: dataTableRowClasses } =\n      Table.dataTableRowStyle;\n\n    const expandable =\n      itemState != null &&\n      !itemState.isNotExpandable(item.originalKeyedItem.item);\n\n    const isSameEntityAsOtherLevels =\n      itemState?.levelDescriptor.isSameEntityAsOtherLevels;\n    let child = (\n      <tr\n        {...(process.env.NODE_ENV !== 'production' && {\n          'data-parent-key': item.state.parent?.key,\n          'data-index-in-parent': item.originalKeyedItem.indexWithinPage,\n        })}\n        {...(process.env.NODE_ENV === 'test' && {\n          'data-virtual-direct-children-count':\n            item.state.collection.result.size,\n          'data-level': item.state.childrenDepth,\n          'data-indentation-width': item.state.nestedTable._indentationWidth,\n        })}\n        ref={ref}\n        className={st(\n          classes.root,\n          {\n            expandable,\n          },\n          item.state.showHoverHighlight ? classes.parentHovered : undefined,\n          item.state.childrenDepth === 0 && !isSameEntityAsOtherLevels\n            ? classes.firstLevel\n            : undefined,\n          dataTableRowSt(dataTableRowClasses.root, {\n            skin:\n              item.state.childrenDepth === 0 && !isSameEntityAsOtherLevels\n                ? 'neutral'\n                : 'light',\n          }),\n          className,\n        )}\n        onMouseEnter={() => {\n          itemState?._changeHover(true);\n        }}\n        onMouseLeave={() => {\n          itemState?._changeHover(false);\n        }}\n        {...rest}\n        onClick={(ev) => {\n          rest?.onClick?.(ev);\n          if (expandable) {\n            itemState._toggleExpand();\n            itemState.bi.reportExpandCollapse();\n          }\n        }}\n      >\n        {children}\n      </tr>\n    );\n\n    if (dragAndDrop) {\n      const { NestedTableDragAndDropRow } = dragAndDrop;\n      child = (\n        <NestedTableDragAndDropRow item={item} forwardedRef={ref}>\n          {child}\n        </NestedTableDragAndDropRow>\n      );\n    }\n\n    return child;\n  },\n);\n\nexport const NestedTableRow = observer(_NestedTableRow);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/NestedTable/NestedTableRow.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_ = "NestedTableRow850433158";
+var _namespace_ = "NestedTableRow295514640";
 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": "NestedTableRow850433158__root",
-  "firstLevel": "NestedTableRow850433158__firstLevel",
-  "placeholder": "NestedTableRow850433158__placeholder",
-  "parentHovered": "NestedTableRow850433158__parentHovered"
+  "root": "NestedTableRow295514640__root",
+  "firstLevel": "NestedTableRow295514640__firstLevel",
+  "placeholder": "NestedTableRow295514640__placeholder",
+  "parentHovered": "NestedTableRow295514640__parentHovered"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTable/NestedTableRow.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/NestedTable/NestedTableRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableRow850433158\";\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\":\"NestedTableRow850433158__root\",\"firstLevel\":\"NestedTableRow850433158__firstLevel\",\"placeholder\":\"NestedTableRow850433158__placeholder\",\"parentHovered\":\"NestedTableRow850433158__parentHovered\"};\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,+BAA+B;EAAC,YAAY,EAAC,qCAAqC;EAAC,aAAa,EAAC,sCAAsC;EAAC,eAAe,EAAC;AAAwC,CAAC;AACvN,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/NestedTable/NestedTableRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableRow295514640\";\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\":\"NestedTableRow295514640__root\",\"firstLevel\":\"NestedTableRow295514640__firstLevel\",\"placeholder\":\"NestedTableRow295514640__placeholder\",\"parentHovered\":\"NestedTableRow295514640__parentHovered\"};\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,+BAA+B;EAAC,YAAY,EAAC,qCAAqC;EAAC,aAAa,EAAC,sCAAsC;EAAC,eAAe,EAAC;AAAwC,CAAC;AACvN,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/NestedTableDragAndDrop/MultipleDragOverlayEffect.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_ = "MultipleDragOverlayEffect2188920660";
+var _namespace_ = "MultipleDragOverlayEffect2723969787";
 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": "MultipleDragOverlayEffect2188920660__root"
+  "root": "MultipleDragOverlayEffect2723969787__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.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/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultipleDragOverlayEffect2188920660\";\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\":\"MultipleDragOverlayEffect2188920660__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,qCAAqC;AACvD,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;AAA2C,CAAC;AAClE,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/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultipleDragOverlayEffect2723969787\";\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\":\"MultipleDragOverlayEffect2723969787__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,qCAAqC;AACvD,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;AAA2C,CAAC;AAClE,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/NestedTableDragAndDrop/NestedTableDragAndDropRow.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_ = "NestedTableDragAndDropRow2065719067";
+var _namespace_ = "NestedTableDragAndDropRow2937176761";
 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": "NestedTableDragAndDropRow2065719067__root"
+  "root": "NestedTableDragAndDropRow2937176761__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.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/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableDragAndDropRow2065719067\";\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\":\"NestedTableDragAndDropRow2065719067__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,qCAAqC;AACvD,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;AAA2C,CAAC;AAClE,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/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableDragAndDropRow2937176761\";\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\":\"NestedTableDragAndDropRow2937176761__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,qCAAqC;AACvD,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;AAA2C,CAAC;AAClE,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/PickerContent/PickerContent.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_ = "PickerContent3829200441";
+var _namespace_ = "PickerContent3775071059";
 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": "PickerContent3829200441__root"
+  "root": "PickerContent3775071059__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContent.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/PickerContent/PickerContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContent3829200441\";\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\":\"PickerContent3829200441__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/PickerContent/PickerContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContent3775071059\";\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\":\"PickerContent3775071059__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/PickerContent/PickerContentAdditionalStep.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "PickerContentAdditionalStep14681777";
+var _namespace_ = "PickerContentAdditionalStep3594214589";
 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": "PickerContentAdditionalStep14681777__root",
-  "titles": "PickerContentAdditionalStep14681777__titles",
-  "suffix": "PickerContentAdditionalStep14681777__suffix"
+  "root": "PickerContentAdditionalStep3594214589__root",
+  "titles": "PickerContentAdditionalStep3594214589__titles",
+  "suffix": "PickerContentAdditionalStep3594214589__suffix"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.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/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep14681777\";\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\":\"PickerContentAdditionalStep14681777__root\",\"titles\":\"PickerContentAdditionalStep14681777__titles\",\"suffix\":\"PickerContentAdditionalStep14681777__suffix\"};\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,qCAAqC;AACvD,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,2CAA2C;EAAC,QAAQ,EAAC,6CAA6C;EAAC,QAAQ,EAAC;AAA6C,CAAC;AAChL,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/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep3594214589\";\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\":\"PickerContentAdditionalStep3594214589__root\",\"titles\":\"PickerContentAdditionalStep3594214589__titles\",\"suffix\":\"PickerContentAdditionalStep3594214589__suffix\"};\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,uCAAuC;AACzD,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,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,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/PickerStandaloneLayout/PickerStandaloneLayoutTitles.js

@@ -78,7 +78,7 @@ function _PickerStandaloneLayoutTitles(props) {
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_Heading.Heading, {
-    appearance: "H2",
+    size: "large",
     __self: this,
     __source: {
       fileName: _jsxFileName,

package/dist/cjs/components/PickerStandaloneLayout/PickerStandaloneLayoutTitles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireDefault","_designSystem","_MaxHeightText","_ModalHeadingBox","_Heading","_jsxFileName","_PickerStandaloneLayoutTitles","props","state","defaultTitle","defaultSubtitle","titleMaxLines","rest","title","titleFromUrl","subtitle","subtitleFromUrl","isMobileView","titlesContainerProps","textProps","paddingLeft","paddingRight","align","textAlign","gap","default","createElement","Box","_extends2","display","__self","__source","fileName","lineNumber","columnNumber","ModalHeadingBox","dataHook","maxLines","lineHeight","width","Heading","appearance","MaxHeightText","PickerStandaloneLayoutTitles","exports","observer"],"sources":["../../../../src/components/PickerStandaloneLayout/PickerStandaloneLayoutTitles.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React from 'react';\nimport { Box, BoxProps } from '@wix/design-system';\nimport { MaxHeightText } from '../MaxHeightText';\nimport { ModalHeadingBox } from '../ModalHeadingBox';\nimport { Heading } from '../Heading';\nimport { PickerStandaloneState } from '../../state';\n\nexport interface PickerStandaloneLayoutTitlesProps<\n  T,\n  F extends FiltersMap = FiltersMap,\n> extends BoxProps {\n  state: PickerStandaloneState<T, F>;\n  defaultTitle?: string;\n  defaultSubtitle?: string;\n  titleMaxLines?: number;\n}\n\nfunction _PickerStandaloneLayoutTitles<T, F extends FiltersMap = FiltersMap>(\n  props: PickerStandaloneLayoutTitlesProps<T, F>,\n) {\n  const {\n    state,\n    defaultTitle,\n    defaultSubtitle,\n    titleMaxLines = 2,\n    ...rest\n  } = props;\n\n  const {\n    title: titleFromUrl,\n    subtitle: subtitleFromUrl,\n    isMobileView,\n  } = state;\n\n  const title = titleFromUrl ?? defaultTitle;\n  const subtitle = subtitleFromUrl ?? defaultSubtitle;\n\n  const { titlesContainerProps, textProps } = isMobileView\n    ? {\n        titlesContainerProps: {\n          paddingLeft: 'SP4',\n          paddingRight: 'SP4',\n          align: 'left' as const,\n        },\n        textProps: {\n          textAlign: 'left' as const,\n        },\n      }\n    : {\n        titlesContainerProps: {\n          paddingLeft: 'SP7',\n          paddingRight: 'SP7',\n          gap: 'SP1',\n          align: 'center' as const,\n        },\n        textProps: {\n          textAlign: 'center' as const,\n        },\n      };\n\n  return (\n    <Box display=\"grid\" {...rest} {...titlesContainerProps}>\n      <ModalHeadingBox\n        dataHook=\"picker-standalone-title\"\n        maxLines={titleMaxLines}\n        lineHeight={36}\n        width=\"100%\"\n        {...textProps}\n      >\n        {/* the div is because max lines can't apply styles on <Heading />*/}\n        <div>\n          <Heading appearance=\"H2\">{title}</Heading>\n        </div>\n      </ModalHeadingBox>\n      {subtitle && (\n        <ModalHeadingBox\n          lineHeight={24}\n          maxLines={1}\n          dataHook=\"picker-standalone-subtitle\"\n          {...textProps}\n        >\n          <div>\n            {/* the div is because max lines can't apply styles on <Text />*/}\n            <MaxHeightText lineHeight={24}>{subtitle}</MaxHeightText>\n          </div>\n        </ModalHeadingBox>\n      )}\n    </Box>\n  );\n}\nexport const PickerStandaloneLayoutTitles = observer(\n  _PickerStandaloneLayoutTitles,\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireDefault","_designSystem","_MaxHeightText","_ModalHeadingBox","_Heading","_jsxFileName","_PickerStandaloneLayoutTitles","props","state","defaultTitle","defaultSubtitle","titleMaxLines","rest","title","titleFromUrl","subtitle","subtitleFromUrl","isMobileView","titlesContainerProps","textProps","paddingLeft","paddingRight","align","textAlign","gap","default","createElement","Box","_extends2","display","__self","__source","fileName","lineNumber","columnNumber","ModalHeadingBox","dataHook","maxLines","lineHeight","width","Heading","size","MaxHeightText","PickerStandaloneLayoutTitles","exports","observer"],"sources":["../../../../src/components/PickerStandaloneLayout/PickerStandaloneLayoutTitles.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React from 'react';\nimport { Box, BoxProps } from '@wix/design-system';\nimport { MaxHeightText } from '../MaxHeightText';\nimport { ModalHeadingBox } from '../ModalHeadingBox';\nimport { Heading } from '../Heading';\nimport { PickerStandaloneState } from '../../state';\n\nexport interface PickerStandaloneLayoutTitlesProps<\n  T,\n  F extends FiltersMap = FiltersMap,\n> extends BoxProps {\n  state: PickerStandaloneState<T, F>;\n  defaultTitle?: string;\n  defaultSubtitle?: string;\n  titleMaxLines?: number;\n}\n\nfunction _PickerStandaloneLayoutTitles<T, F extends FiltersMap = FiltersMap>(\n  props: PickerStandaloneLayoutTitlesProps<T, F>,\n) {\n  const {\n    state,\n    defaultTitle,\n    defaultSubtitle,\n    titleMaxLines = 2,\n    ...rest\n  } = props;\n\n  const {\n    title: titleFromUrl,\n    subtitle: subtitleFromUrl,\n    isMobileView,\n  } = state;\n\n  const title = titleFromUrl ?? defaultTitle;\n  const subtitle = subtitleFromUrl ?? defaultSubtitle;\n\n  const { titlesContainerProps, textProps } = isMobileView\n    ? {\n        titlesContainerProps: {\n          paddingLeft: 'SP4',\n          paddingRight: 'SP4',\n          align: 'left' as const,\n        },\n        textProps: {\n          textAlign: 'left' as const,\n        },\n      }\n    : {\n        titlesContainerProps: {\n          paddingLeft: 'SP7',\n          paddingRight: 'SP7',\n          gap: 'SP1',\n          align: 'center' as const,\n        },\n        textProps: {\n          textAlign: 'center' as const,\n        },\n      };\n\n  return (\n    <Box display=\"grid\" {...rest} {...titlesContainerProps}>\n      <ModalHeadingBox\n        dataHook=\"picker-standalone-title\"\n        maxLines={titleMaxLines}\n        lineHeight={36}\n        width=\"100%\"\n        {...textProps}\n      >\n        {/* the div is because max lines can't apply styles on <Heading />*/}\n        <div>\n          <Heading size=\"large\">{title}</Heading>\n        </div>\n      </ModalHeadingBox>\n      {subtitle && (\n        <ModalHeadingBox\n          lineHeight={24}\n          maxLines={1}\n          dataHook=\"picker-standalone-subtitle\"\n          {...textProps}\n        >\n          <div>\n            {/* the div is because max lines can't apply styles on <Text />*/}\n            <MaxHeightText lineHeight={24}>{subtitle}</MaxHeightText>\n          </div>\n        </ModalHeadingBox>\n      )}\n    </Box>\n  );\n}\nexport const PickerStandaloneLayoutTitles = observer(\n  _PickerStandaloneLayoutTitles,\n);\n"],"mappings":"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","ignoreList":[]}