@wix/patterns 1.495.0 → 1.497.0

package/dist/cjs/components/EntityPageFields/EntityPageCustomField.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_react2","_form","_patternsFields","_buildEditableFieldColumns","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FOCUSABLE","EntityPageCustomField","field","formControl","data","definition","dataHook","_definition$value","_definition$value2","_field$validation","_controller$fieldStat","translate","useWixPatternsContainer","validate","value","controller","useController","name","id","control","defaultValue","rules","toValidationRules","undefined","Component","form","consumerRef","useRef","registerRef","ref","setWrapperRef","useCallback","element","current","querySelector","fieldRefHandle","_control","scrollIntoView","block","focus","createElement","FormField","label","displayName","required","validation","status","fieldState","error","statusMessage","message","__self","__source","fileName","lineNumber","columnNumber","Box","width","onChange","onBlur","inputRef"],"sources":["../../../../src/components/EntityPageFields/EntityPageCustomField.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport { Box, FormField } from '@wix/design-system';\nimport type { Field, FieldTypeDefinition, Focusable } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController, type Control } from '@wix/bex-core/form';\nimport { fieldRefHandle } from '@wix/patterns-fields';\nimport { toValidationRules } from '../../state/buildEditableFieldColumns';\n\nexport interface EntityPageCustomFieldProps {\n  field: Field;\n  formControl: Control<any>;\n  /** The entity — seeds the form default value. */\n  data: Record<string, unknown>;\n  /** The field's resolved definition. Must carry a `form` slot. */\n  definition: FieldTypeDefinition;\n  dataHook?: string;\n}\n\n// Fallback focus target inside the wrapper, for a form component that does not\n// fill inputRef. Buttons are included on purpose — a custom type may render its\n// control as buttons (a star rating, a segmented toggle), and the wrapper holds\n// only the component's own output, so the first focusable in it is the control.\nconst FOCUSABLE =\n  'input, textarea, select, button, [contenteditable], [tabindex]:not([tabindex=\"-1\"])';\n\n// Owns the react-hook-form wiring for a custom field type, so a definition's\n// form component never touches the form: it gets value/onChange and renders\n// only the input. Registration here (not in the component) also guarantees the\n// field reaches form.getValues() — an unregistered field silently drops out of\n// the save. Validation comes from the definition's value.validate, the same\n// authority the editable table runs.\nexport function EntityPageCustomField({\n  field,\n  formControl,\n  data,\n  definition,\n  dataHook,\n}: EntityPageCustomFieldProps) {\n  const { translate: t } = useWixPatternsContainer();\n  const validate = definition.value?.validate;\n  const controller = useController({\n    name: field.id,\n    control: formControl,\n    defaultValue: data?.[field.id] ?? definition.value?.defaultValue,\n    rules: validate\n      ? {\n          validate: (value) =>\n            validate(value, toValidationRules(field, t)) ?? true,\n        }\n      : undefined,\n  });\n  const Component = definition.form!.Component;\n\n  const consumerRef = useRef<Focusable | undefined | null>(null);\n  const registerRef = controller.field.ref;\n\n  // The control belongs to the form component, so react-hook-form gets a handle\n  // that asks for it at focus time and settles for the wrapper when the\n  // component did not hand one back.\n  const setWrapperRef = useCallback(\n    (element: HTMLDivElement | null) => {\n      if (!element) {\n        return;\n      }\n      // The component's own control when it filled inputRef, otherwise\n      // whatever is focusable inside the wrapper. Resolved in one place so the\n      // focus path and the calls behind it cannot disagree.\n      const control = () =>\n        consumerRef.current ?? element.querySelector<HTMLElement>(FOCUSABLE);\n\n      registerRef(\n        fieldRefHandle(() => {\n          // Without a control from the component the field may be off screen\n          // with nothing to focus, so move to it before trying.\n          if (!consumerRef.current) {\n            // Not implemented in jsdom.\n            element.scrollIntoView?.({ block: 'center' });\n          }\n          control()?.focus?.();\n        }, control),\n      );\n    },\n    [registerRef],\n  );\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n      dataHook={dataHook}\n    >\n      <Box width=\"100%\" ref={setWrapperRef}>\n        <Component\n          field={field}\n          value={controller.field.value}\n          onChange={controller.field.onChange}\n          onBlur={controller.field.onBlur}\n          inputRef={consumerRef}\n          dataHook={dataHook && `${dataHook}-input`}\n        />\n      </Box>\n    </FormField>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_react2","_form","_patternsFields","_fieldValidation","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FOCUSABLE","EntityPageCustomField","field","formControl","data","definition","dataHook","_definition$value","_definition$value2","_field$validation","_controller$fieldStat","translate","useWixPatternsContainer","validate","value","controller","useController","name","id","control","defaultValue","rules","buildFieldValidationRules","undefined","Component","form","consumerRef","useRef","registerRef","ref","setWrapperRef","useCallback","element","current","querySelector","fieldRefHandle","_control","scrollIntoView","block","focus","createElement","FormField","label","displayName","required","validation","status","fieldState","error","statusMessage","message","__self","__source","fileName","lineNumber","columnNumber","Box","width","onChange","onBlur","inputRef"],"sources":["../../../../src/components/EntityPageFields/EntityPageCustomField.tsx"],"sourcesContent":["import React, { useCallback, useRef } from 'react';\nimport { Box, FormField } from '@wix/design-system';\nimport type { Field, FieldTypeDefinition, Focusable } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController, type Control } from '@wix/bex-core/form';\nimport { fieldRefHandle } from '@wix/patterns-fields';\nimport { buildFieldValidationRules } from '../../utils/fieldValidation';\n\nexport interface EntityPageCustomFieldProps {\n  field: Field;\n  formControl: Control<any>;\n  /** The entity — seeds the form default value. */\n  data: Record<string, unknown>;\n  /** The field's resolved definition. Must carry a `form` slot. */\n  definition: FieldTypeDefinition;\n  dataHook?: string;\n}\n\n// Fallback focus target inside the wrapper, for a form component that does not\n// fill inputRef. Buttons are included on purpose — a custom type may render its\n// control as buttons (a star rating, a segmented toggle), and the wrapper holds\n// only the component's own output, so the first focusable in it is the control.\nconst FOCUSABLE =\n  'input, textarea, select, button, [contenteditable], [tabindex]:not([tabindex=\"-1\"])';\n\n// Owns the react-hook-form wiring for a custom field type, so a definition's\n// form component never touches the form: it gets value/onChange and renders\n// only the input. Registration here (not in the component) also guarantees the\n// field reaches form.getValues() — an unregistered field silently drops out of\n// the save. Validation comes from the definition's value.validate, the same\n// authority the editable table runs.\nexport function EntityPageCustomField({\n  field,\n  formControl,\n  data,\n  definition,\n  dataHook,\n}: EntityPageCustomFieldProps) {\n  const { translate: t } = useWixPatternsContainer();\n  const validate = definition.value?.validate;\n  const controller = useController({\n    name: field.id,\n    control: formControl,\n    defaultValue: data?.[field.id] ?? definition.value?.defaultValue,\n    rules: validate\n      ? {\n          validate: (value) =>\n            validate(value, buildFieldValidationRules(field, t)) ?? true,\n        }\n      : undefined,\n  });\n  const Component = definition.form!.Component;\n\n  const consumerRef = useRef<Focusable | undefined | null>(null);\n  const registerRef = controller.field.ref;\n\n  // The control belongs to the form component, so react-hook-form gets a handle\n  // that asks for it at focus time and settles for the wrapper when the\n  // component did not hand one back.\n  const setWrapperRef = useCallback(\n    (element: HTMLDivElement | null) => {\n      if (!element) {\n        return;\n      }\n      // The component's own control when it filled inputRef, otherwise\n      // whatever is focusable inside the wrapper. Resolved in one place so the\n      // focus path and the calls behind it cannot disagree.\n      const control = () =>\n        consumerRef.current ?? element.querySelector<HTMLElement>(FOCUSABLE);\n\n      registerRef(\n        fieldRefHandle(() => {\n          // Without a control from the component the field may be off screen\n          // with nothing to focus, so move to it before trying.\n          if (!consumerRef.current) {\n            // Not implemented in jsdom.\n            element.scrollIntoView?.({ block: 'center' });\n          }\n          control()?.focus?.();\n        }, control),\n      );\n    },\n    [registerRef],\n  );\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      status={controller.fieldState.error ? 'error' : undefined}\n      statusMessage={controller.fieldState.error?.message}\n      dataHook={dataHook}\n    >\n      <Box width=\"100%\" ref={setWrapperRef}>\n        <Component\n          field={field}\n          value={controller.field.value}\n          onChange={controller.field.onChange}\n          onBlur={controller.field.onBlur}\n          inputRef={consumerRef}\n          dataHook={dataHook && `${dataHook}-input`}\n        />\n      </Box>\n    </FormField>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/EntityPageFields/EntityPageField.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_ = "EntityPageField2583760001";
+var _namespace_ = "EntityPageField3423784249";
 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": "EntityPageField2583760001__root",
-  "row": "EntityPageField2583760001__row"
+  "root": "EntityPageField3423784249__root",
+  "row": "EntityPageField3423784249__row"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EntityPageFields/EntityPageField.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/EntityPageFields/EntityPageField.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPageField2583760001\";\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\":\"EntityPageField2583760001__root\",\"row\":\"EntityPageField2583760001__row\"};\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,2BAA2B;AAC7C,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,iCAAiC;EAAC,KAAK,EAAC;AAAgC,CAAC;AAC/F,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/EntityPageFields/EntityPageField.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPageField3423784249\";\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\":\"EntityPageField3423784249__root\",\"row\":\"EntityPageField3423784249__row\"};\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,2BAA2B;AAC7C,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,iCAAiC;EAAC,KAAK,EAAC;AAAgC,CAAC;AAC/F,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/Fade/Fade.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_ = "Fade2813439303";
+var _namespace_ = "Fade3162504937";
 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": "Fade2813439303__root"
+  "root": "Fade3162504937__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Fade/Fade.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/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade2813439303\";\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\":\"Fade2813439303__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,gBAAgB;AAClC,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;AAAsB,CAAC;AAC7C,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/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade3162504937\";\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\":\"Fade3162504937__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,gBAAgB;AAClC,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;AAAsB,CAAC;AAC7C,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/FieldActions/FieldActions.js

@@ -17,14 +17,14 @@ const FilterActionIcon = props => (0, _useBmHarmonyTheme.useBmHarmonyTheme)() ?
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 23,
+    lineNumber: 27,
     columnNumber: 5
   }
 })) : /*#__PURE__*/_react.default.createElement(_lazy.ContentFilterSmall, (0, _extends2.default)({}, props, {
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 25,
+    lineNumber: 29,
     columnNumber: 5
   }
 }));
@@ -38,7 +38,7 @@ const FIELD_ACTIONS = exports.FIELD_ACTIONS = {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 59,
+        lineNumber: 63,
         columnNumber: 11
       }
     })
@@ -51,7 +51,7 @@ const FIELD_ACTIONS = exports.FIELD_ACTIONS = {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 65,
+        lineNumber: 69,
         columnNumber: 11
       }
     })
@@ -64,7 +64,7 @@ const FIELD_ACTIONS = exports.FIELD_ACTIONS = {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 71,
+        lineNumber: 75,
         columnNumber: 11
       }
     })
@@ -77,7 +77,7 @@ const FIELD_ACTIONS = exports.FIELD_ACTIONS = {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 77,
+        lineNumber: 81,
         columnNumber: 11
       }
     })
@@ -90,7 +90,7 @@ const FIELD_ACTIONS = exports.FIELD_ACTIONS = {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 83,
+        lineNumber: 87,
         columnNumber: 11
       }
     })
@@ -103,7 +103,7 @@ const FIELD_ACTIONS = exports.FIELD_ACTIONS = {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 89,
+        lineNumber: 93,
         columnNumber: 11
       }
     })
@@ -116,7 +116,7 @@ const FIELD_ACTIONS = exports.FIELD_ACTIONS = {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 95,
+        lineNumber: 99,
         columnNumber: 11
       }
     })
@@ -129,7 +129,7 @@ const FIELD_ACTIONS = exports.FIELD_ACTIONS = {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 101,
+        lineNumber: 105,
         columnNumber: 11
       }
     })
@@ -143,7 +143,7 @@ const FIELD_ACTIONS = exports.FIELD_ACTIONS = {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 108,
+        lineNumber: 112,
         columnNumber: 11
       }
     })
@@ -157,7 +157,7 @@ const FIELD_ACTIONS = exports.FIELD_ACTIONS = {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 115,
+        lineNumber: 119,
         columnNumber: 11
       }
     }),
@@ -204,7 +204,7 @@ function buildFieldActionGroups(args) {
       dataHook: def.dataHook,
       icon: def.icon,
       skin: def.skin,
-      onClick: () => {
+      onClick: event => {
         if (bi && def.ctaName && ctaIndex) {
           reportFieldActionCta(bi, {
             ctaName: def.ctaName,
@@ -213,7 +213,11 @@ function buildFieldActionGroups(args) {
             numCtas: biKeys.length
           });
         }
-        handler(columnId);
+        if (key === 'filter' && event) {
+          handler(columnId, event);
+        } else {
+          handler(columnId);
+        }
       },
       loading: loading == null ? void 0 : loading[key],
       disabled: disabledTooltip !== undefined,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_lazy","_bexCore","_bi","_fieldTypeActions","_useBmHarmonyTheme","_jsxFileName","FilterActionIcon","props","useBmHarmonyTheme","default","createElement","FilterSmall","_extends2","__self","__source","fileName","lineNumber","columnNumber","ContentFilterSmall","FIELD_ACTIONS","exports","editField","label","labelKey","dataHook","ctaName","icon","EditSmall","makePrimary","FlagSmall","hideColumn","HiddenSmall","duplicateField","DuplicateSmall","duplicateFieldWithContent","sortAscending","SortAscendingSmall","sortDescending","SortDescendingSmall","filter","archive","ArchiveSmall","delete","DeleteSmall","skin","MENU_OPEN_CTA_NAME","reportFieldActionCta","bi","cta","reportBi","withoutDefaults","cairoCtaClicked","ctaIndex","filteredListSize","listSize","isSelectAll","location","moreActionsIndex","numCtas","numItems","url","window","href","fieldType","buildFieldActionGroups","args","columnId","handlers","loading","disabledTooltips","groups","translate","biKeys","flat","key","map","group","flatMap","handler","def","disabledTooltip","indexOf","undefined","onClick","length","disabled","g","buildFieldActionsMenu","fieldId","config","tooltipContent","actions","MENU_DATA_HOOKS","onShow"],"sources":["../../../../src/components/FieldActions/FieldActions.tsx"],"sourcesContent":["import React, { type ComponentProps, type ReactNode } from 'react';\nimport {\n  SortAscendingSmall,\n  SortDescendingSmall,\n  ContentFilterSmall,\n  FilterSmall,\n  HiddenSmall,\n  DeleteSmall,\n  EditSmall,\n  FlagSmall,\n  DuplicateSmall,\n  ArchiveSmall,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { withoutDefaults } from '@wix/bex-core';\nimport { cairoCtaClicked } from '@wix/bex-core/bi';\nimport type { ReportBI, Translate, TranslationsKeys } from '@wix/bex-core';\nimport type { HeaderAction, FieldActionsMenuConfig } from './headerActionTypes';\nimport { MENU_DATA_HOOKS } from './fieldTypeActions';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nconst FilterActionIcon = (props: ComponentProps<typeof FilterSmall>) =>\n  useBmHarmonyTheme() ? (\n    <FilterSmall {...props} />\n  ) : (\n    <ContentFilterSmall {...props} />\n  );\n\nexport type FieldActionKey =\n  | 'editField'\n  | 'makePrimary'\n  | 'hideColumn'\n  | 'duplicateField'\n  | 'duplicateFieldWithContent'\n  | 'sortAscending'\n  | 'sortDescending'\n  | 'filter'\n  | 'archive'\n  | 'delete';\n\ninterface FieldActionDef {\n  /** Fallback (English) label, used when no `labelKey` is set or no translate fn is passed. */\n  label: string;\n  /** Translation key; when set and a translate fn is passed to buildFieldActionGroups, used instead of `label`. */\n  labelKey?: TranslationsKeys;\n  /** Shared data-hook for the rendered menu item — the same for every source and surface. */\n  dataHook: string;\n  /** BI name reported via `cairoCtaClicked`; set only on the field-management actions that report. */\n  ctaName?: string;\n  icon: ReactNode;\n  skin?: 'destructive';\n}\n\nexport const FIELD_ACTIONS: Record<FieldActionKey, FieldActionDef> = {\n  editField: {\n    label: 'Edit Field',\n    labelKey: 'cairo.customFields.edit.CTA',\n    dataHook: 'field-action-edit',\n    ctaName: 'Edit',\n    icon: <EditSmall />,\n  },\n  makePrimary: {\n    label: 'Use as Primary Field',\n    dataHook: 'field-action-make-primary',\n    ctaName: 'Make Primary',\n    icon: <FlagSmall />,\n  },\n  hideColumn: {\n    label: 'Hide Column',\n    dataHook: 'field-action-hide',\n    ctaName: 'Hide Column',\n    icon: <HiddenSmall />,\n  },\n  duplicateField: {\n    label: 'Duplicate Field',\n    dataHook: 'field-action-duplicate',\n    ctaName: 'Duplicate',\n    icon: <DuplicateSmall />,\n  },\n  duplicateFieldWithContent: {\n    label: 'Duplicate Field with Content',\n    dataHook: 'field-action-duplicate-with-content',\n    ctaName: 'Duplicate with Content',\n    icon: <DuplicateSmall />,\n  },\n  sortAscending: {\n    label: 'Sort Ascending',\n    dataHook: 'field-action-sort-ascending',\n    ctaName: 'Sort Ascending',\n    icon: <SortAscendingSmall />,\n  },\n  sortDescending: {\n    label: 'Sort Descending',\n    dataHook: 'field-action-sort-descending',\n    ctaName: 'Sort Descending',\n    icon: <SortDescendingSmall />,\n  },\n  filter: {\n    label: 'Filter',\n    dataHook: 'field-action-filter',\n    ctaName: 'Filter',\n    icon: <FilterActionIcon />,\n  },\n  archive: {\n    label: 'Archive',\n    labelKey: 'cairo.customFields.archive.CTA',\n    dataHook: 'field-action-archive',\n    ctaName: 'Archive',\n    icon: <ArchiveSmall />,\n  },\n  delete: {\n    label: 'Delete',\n    labelKey: 'cairo.delete.button',\n    dataHook: 'field-action-delete',\n    ctaName: 'Delete',\n    icon: <DeleteSmall />,\n    skin: 'destructive',\n  },\n};\n\nexport type FieldActionHandlers = Partial<\n  Record<FieldActionKey, (id: string) => void>\n>;\n\nexport interface FieldActionHandlersConfig {\n  handlers: FieldActionHandlers;\n  loading?: Partial<Record<FieldActionKey, boolean>>;\n  /** Per-action disabled state, owned by the source: a key present here renders\n   *  that action disabled with the given tooltip. */\n  disabledTooltips?: Partial<Record<FieldActionKey, string>>;\n  /** Menu-level disabled reason: when set and there are no actions, the menu\n   *  renders a disabled trigger with this tooltip (e.g. a read-only source). */\n  disabledTooltip?: string;\n}\n\nexport interface FieldActionsBIContext {\n  reportBi: ReportBI;\n  location: string;\n  listSize: number;\n  fieldType?: string;\n}\n\nconst MENU_OPEN_CTA_NAME = 'More Actions Menu';\n\nconst reportFieldActionCta = (\n  bi: FieldActionsBIContext,\n  cta: {\n    ctaName: string;\n    ctaIndex: number;\n    moreActionsIndex?: number;\n    numCtas: number;\n  },\n) =>\n  bi.reportBi(\n    withoutDefaults(cairoCtaClicked)({\n      ctaIndex: cta.ctaIndex,\n      ctaName: cta.ctaName,\n      filteredListSize: bi.listSize,\n      isSelectAll: false,\n      location: bi.location,\n      moreActionsIndex: cta.moreActionsIndex,\n      numCtas: cta.numCtas,\n      numItems: 1,\n      url: typeof window !== 'undefined' ? window.location.href : '',\n      fieldType: bi.fieldType,\n    }),\n  );\n\nexport function buildFieldActionGroups(args: {\n  columnId: string;\n  handlers: FieldActionHandlers;\n  loading?: Partial<Record<FieldActionKey, boolean>>;\n  /** Per-action disabled tooltips owned by the source (key present ⇒ disabled). */\n  disabledTooltips?: Partial<Record<FieldActionKey, string>>;\n  groups: FieldActionKey[][];\n  /** When provided, labels use the registry's `labelKey` (falling back to `label`). */\n  translate?: Translate;\n  /** When provided, actions with a registry `ctaName` report `cairoCtaClicked` on click. */\n  bi?: FieldActionsBIContext;\n}): HeaderAction[][] {\n  const {\n    columnId,\n    handlers,\n    loading,\n    disabledTooltips,\n    groups,\n    translate,\n    bi,\n  } = args;\n\n  // BI-eligible actions (have a handler + a ctaName), in menu order — gives a\n  // stable ctaIndex / numCtas no matter which source built the menu.\n  const biKeys = groups\n    .flat()\n    .filter((key) => handlers[key] && FIELD_ACTIONS[key].ctaName);\n\n  return groups\n    .map((group) =>\n      group.flatMap((key): HeaderAction[] => {\n        const handler = handlers[key];\n        if (!handler) {\n          return [];\n        }\n        const def = FIELD_ACTIONS[key];\n        const disabledTooltip = disabledTooltips?.[key];\n        const ctaIndex =\n          bi && def.ctaName ? biKeys.indexOf(key) + 1 : undefined;\n        return [\n          {\n            label:\n              translate && def.labelKey ? translate(def.labelKey) : def.label,\n            dataHook: def.dataHook,\n            icon: def.icon,\n            skin: def.skin,\n            onClick: () => {\n              if (bi && def.ctaName && ctaIndex) {\n                reportFieldActionCta(bi, {\n                  ctaName: def.ctaName,\n                  ctaIndex,\n                  moreActionsIndex: ctaIndex,\n                  numCtas: biKeys.length,\n                });\n              }\n              handler(columnId);\n            },\n            loading: loading?.[key],\n            disabled: disabledTooltip !== undefined,\n            disabledTooltip,\n          },\n        ];\n      }),\n    )\n    .filter((g) => g.length > 0);\n}\n\nexport function buildFieldActionsMenu(args: {\n  fieldId: string;\n  config: FieldActionHandlersConfig | null;\n  groups: FieldActionKey[][];\n  translate: Translate;\n  tooltipContent?: string;\n  bi?: FieldActionsBIContext;\n}): FieldActionsMenuConfig | null {\n  const { fieldId, config, groups, translate, tooltipContent, bi } = args;\n\n  const actions = config\n    ? buildFieldActionGroups({\n        columnId: fieldId,\n        handlers: config.handlers,\n        loading: config.loading,\n        disabledTooltips: config.disabledTooltips,\n        groups,\n        translate,\n        bi,\n      })\n    : [];\n\n  if (actions.length === 0) {\n    return config?.disabledTooltip\n      ? {\n          actions: [],\n          disabledTooltip: config.disabledTooltip,\n          tooltipContent,\n          ...MENU_DATA_HOOKS,\n        }\n      : null;\n  }\n\n  const numCtas = actions.flat().length;\n  return {\n    actions,\n    tooltipContent,\n    ...MENU_DATA_HOOKS,\n    onShow: bi\n      ? () =>\n          reportFieldActionCta(bi, {\n            ctaName: MENU_OPEN_CTA_NAME,\n            ctaIndex: 0,\n            numCtas,\n          })\n      : undefined,\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_lazy","_bexCore","_bi","_fieldTypeActions","_useBmHarmonyTheme","_jsxFileName","FilterActionIcon","props","useBmHarmonyTheme","default","createElement","FilterSmall","_extends2","__self","__source","fileName","lineNumber","columnNumber","ContentFilterSmall","FIELD_ACTIONS","exports","editField","label","labelKey","dataHook","ctaName","icon","EditSmall","makePrimary","FlagSmall","hideColumn","HiddenSmall","duplicateField","DuplicateSmall","duplicateFieldWithContent","sortAscending","SortAscendingSmall","sortDescending","SortDescendingSmall","filter","archive","ArchiveSmall","delete","DeleteSmall","skin","MENU_OPEN_CTA_NAME","reportFieldActionCta","bi","cta","reportBi","withoutDefaults","cairoCtaClicked","ctaIndex","filteredListSize","listSize","isSelectAll","location","moreActionsIndex","numCtas","numItems","url","window","href","fieldType","buildFieldActionGroups","args","columnId","handlers","loading","disabledTooltips","groups","translate","biKeys","flat","key","map","group","flatMap","handler","def","disabledTooltip","indexOf","undefined","onClick","event","length","disabled","g","buildFieldActionsMenu","fieldId","config","tooltipContent","actions","MENU_DATA_HOOKS","onShow"],"sources":["../../../../src/components/FieldActions/FieldActions.tsx"],"sourcesContent":["import React, {\n  type ComponentProps,\n  type MouseEvent,\n  type ReactNode,\n} from 'react';\nimport {\n  SortAscendingSmall,\n  SortDescendingSmall,\n  ContentFilterSmall,\n  FilterSmall,\n  HiddenSmall,\n  DeleteSmall,\n  EditSmall,\n  FlagSmall,\n  DuplicateSmall,\n  ArchiveSmall,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { withoutDefaults } from '@wix/bex-core';\nimport { cairoCtaClicked } from '@wix/bex-core/bi';\nimport type { ReportBI, Translate, TranslationsKeys } from '@wix/bex-core';\nimport type { HeaderAction, FieldActionsMenuConfig } from './headerActionTypes';\nimport { MENU_DATA_HOOKS } from './fieldTypeActions';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nconst FilterActionIcon = (props: ComponentProps<typeof FilterSmall>) =>\n  useBmHarmonyTheme() ? (\n    <FilterSmall {...props} />\n  ) : (\n    <ContentFilterSmall {...props} />\n  );\n\nexport type FieldActionKey =\n  | 'editField'\n  | 'makePrimary'\n  | 'hideColumn'\n  | 'duplicateField'\n  | 'duplicateFieldWithContent'\n  | 'sortAscending'\n  | 'sortDescending'\n  | 'filter'\n  | 'archive'\n  | 'delete';\n\ninterface FieldActionDef {\n  /** Fallback (English) label, used when no `labelKey` is set or no translate fn is passed. */\n  label: string;\n  /** Translation key; when set and a translate fn is passed to buildFieldActionGroups, used instead of `label`. */\n  labelKey?: TranslationsKeys;\n  /** Shared data-hook for the rendered menu item — the same for every source and surface. */\n  dataHook: string;\n  /** BI name reported via `cairoCtaClicked`; set only on the field-management actions that report. */\n  ctaName?: string;\n  icon: ReactNode;\n  skin?: 'destructive';\n}\n\nexport const FIELD_ACTIONS: Record<FieldActionKey, FieldActionDef> = {\n  editField: {\n    label: 'Edit Field',\n    labelKey: 'cairo.customFields.edit.CTA',\n    dataHook: 'field-action-edit',\n    ctaName: 'Edit',\n    icon: <EditSmall />,\n  },\n  makePrimary: {\n    label: 'Use as Primary Field',\n    dataHook: 'field-action-make-primary',\n    ctaName: 'Make Primary',\n    icon: <FlagSmall />,\n  },\n  hideColumn: {\n    label: 'Hide Column',\n    dataHook: 'field-action-hide',\n    ctaName: 'Hide Column',\n    icon: <HiddenSmall />,\n  },\n  duplicateField: {\n    label: 'Duplicate Field',\n    dataHook: 'field-action-duplicate',\n    ctaName: 'Duplicate',\n    icon: <DuplicateSmall />,\n  },\n  duplicateFieldWithContent: {\n    label: 'Duplicate Field with Content',\n    dataHook: 'field-action-duplicate-with-content',\n    ctaName: 'Duplicate with Content',\n    icon: <DuplicateSmall />,\n  },\n  sortAscending: {\n    label: 'Sort Ascending',\n    dataHook: 'field-action-sort-ascending',\n    ctaName: 'Sort Ascending',\n    icon: <SortAscendingSmall />,\n  },\n  sortDescending: {\n    label: 'Sort Descending',\n    dataHook: 'field-action-sort-descending',\n    ctaName: 'Sort Descending',\n    icon: <SortDescendingSmall />,\n  },\n  filter: {\n    label: 'Filter',\n    dataHook: 'field-action-filter',\n    ctaName: 'Filter',\n    icon: <FilterActionIcon />,\n  },\n  archive: {\n    label: 'Archive',\n    labelKey: 'cairo.customFields.archive.CTA',\n    dataHook: 'field-action-archive',\n    ctaName: 'Archive',\n    icon: <ArchiveSmall />,\n  },\n  delete: {\n    label: 'Delete',\n    labelKey: 'cairo.delete.button',\n    dataHook: 'field-action-delete',\n    ctaName: 'Delete',\n    icon: <DeleteSmall />,\n    skin: 'destructive',\n  },\n};\n\nexport type FieldActionHandlers = Partial<\n  Record<FieldActionKey, (id: string, event?: MouseEvent<HTMLElement>) => void>\n>;\n\nexport interface FieldActionHandlersConfig {\n  handlers: FieldActionHandlers;\n  loading?: Partial<Record<FieldActionKey, boolean>>;\n  /** Per-action disabled state, owned by the source: a key present here renders\n   *  that action disabled with the given tooltip. */\n  disabledTooltips?: Partial<Record<FieldActionKey, string>>;\n  /** Menu-level disabled reason: when set and there are no actions, the menu\n   *  renders a disabled trigger with this tooltip (e.g. a read-only source). */\n  disabledTooltip?: string;\n}\n\nexport interface FieldActionsBIContext {\n  reportBi: ReportBI;\n  location: string;\n  listSize: number;\n  fieldType?: string;\n}\n\nconst MENU_OPEN_CTA_NAME = 'More Actions Menu';\n\nconst reportFieldActionCta = (\n  bi: FieldActionsBIContext,\n  cta: {\n    ctaName: string;\n    ctaIndex: number;\n    moreActionsIndex?: number;\n    numCtas: number;\n  },\n) =>\n  bi.reportBi(\n    withoutDefaults(cairoCtaClicked)({\n      ctaIndex: cta.ctaIndex,\n      ctaName: cta.ctaName,\n      filteredListSize: bi.listSize,\n      isSelectAll: false,\n      location: bi.location,\n      moreActionsIndex: cta.moreActionsIndex,\n      numCtas: cta.numCtas,\n      numItems: 1,\n      url: typeof window !== 'undefined' ? window.location.href : '',\n      fieldType: bi.fieldType,\n    }),\n  );\n\nexport function buildFieldActionGroups(args: {\n  columnId: string;\n  handlers: FieldActionHandlers;\n  loading?: Partial<Record<FieldActionKey, boolean>>;\n  /** Per-action disabled tooltips owned by the source (key present ⇒ disabled). */\n  disabledTooltips?: Partial<Record<FieldActionKey, string>>;\n  groups: FieldActionKey[][];\n  /** When provided, labels use the registry's `labelKey` (falling back to `label`). */\n  translate?: Translate;\n  /** When provided, actions with a registry `ctaName` report `cairoCtaClicked` on click. */\n  bi?: FieldActionsBIContext;\n}): HeaderAction[][] {\n  const {\n    columnId,\n    handlers,\n    loading,\n    disabledTooltips,\n    groups,\n    translate,\n    bi,\n  } = args;\n\n  // BI-eligible actions (have a handler + a ctaName), in menu order — gives a\n  // stable ctaIndex / numCtas no matter which source built the menu.\n  const biKeys = groups\n    .flat()\n    .filter((key) => handlers[key] && FIELD_ACTIONS[key].ctaName);\n\n  return groups\n    .map((group) =>\n      group.flatMap((key): HeaderAction[] => {\n        const handler = handlers[key];\n        if (!handler) {\n          return [];\n        }\n        const def = FIELD_ACTIONS[key];\n        const disabledTooltip = disabledTooltips?.[key];\n        const ctaIndex =\n          bi && def.ctaName ? biKeys.indexOf(key) + 1 : undefined;\n        return [\n          {\n            label:\n              translate && def.labelKey ? translate(def.labelKey) : def.label,\n            dataHook: def.dataHook,\n            icon: def.icon,\n            skin: def.skin,\n            onClick: (event) => {\n              if (bi && def.ctaName && ctaIndex) {\n                reportFieldActionCta(bi, {\n                  ctaName: def.ctaName,\n                  ctaIndex,\n                  moreActionsIndex: ctaIndex,\n                  numCtas: biKeys.length,\n                });\n              }\n              if (key === 'filter' && event) {\n                handler(columnId, event);\n              } else {\n                handler(columnId);\n              }\n            },\n            loading: loading?.[key],\n            disabled: disabledTooltip !== undefined,\n            disabledTooltip,\n          },\n        ];\n      }),\n    )\n    .filter((g) => g.length > 0);\n}\n\nexport function buildFieldActionsMenu(args: {\n  fieldId: string;\n  config: FieldActionHandlersConfig | null;\n  groups: FieldActionKey[][];\n  translate: Translate;\n  tooltipContent?: string;\n  bi?: FieldActionsBIContext;\n}): FieldActionsMenuConfig | null {\n  const { fieldId, config, groups, translate, tooltipContent, bi } = args;\n\n  const actions = config\n    ? buildFieldActionGroups({\n        columnId: fieldId,\n        handlers: config.handlers,\n        loading: config.loading,\n        disabledTooltips: config.disabledTooltips,\n        groups,\n        translate,\n        bi,\n      })\n    : [];\n\n  if (actions.length === 0) {\n    return config?.disabledTooltip\n      ? {\n          actions: [],\n          disabledTooltip: config.disabledTooltip,\n          tooltipContent,\n          ...MENU_DATA_HOOKS,\n        }\n      : null;\n  }\n\n  const numCtas = actions.flat().length;\n  return {\n    actions,\n    tooltipContent,\n    ...MENU_DATA_HOOKS,\n    onShow: bi\n      ? () =>\n          reportFieldActionCta(bi, {\n            ctaName: MENU_OPEN_CTA_NAME,\n            ctaIndex: 0,\n            numCtas,\n          })\n      : undefined,\n  };\n}\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AAYA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,GAAA,GAAAH,OAAA;AAGA,IAAAI,iBAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAL,OAAA;AAAkE,IAAAM,YAAA;AAElE,MAAMC,gBAAgB,GAAIC,KAAyC,IACjE,IAAAC,oCAAiB,EAAC,CAAC,gBACjBX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAAW,WAAW,MAAAC,SAAA,CAAAH,OAAA,MAAKF,KAAK;EAAAM,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAV,YAAA;IAAAW,UAAA;IAAAC,YAAA;EAAA;AAAA,EAAG,CAAC,gBAE1BpB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAAkB,kBAAkB,MAAAN,SAAA,CAAAH,OAAA,MAAKF,KAAK;EAAAM,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAV,YAAA;IAAAW,UAAA;IAAAC,YAAA;EAAA;AAAA,EAAG,CACjC;AA2BI,MAAME,aAAqD,GAAAC,OAAA,CAAAD,aAAA,GAAG;EACnEE,SAAS,EAAE;IACTC,KAAK,EAAE,YAAY;IACnBC,QAAQ,EAAE,6BAA6B;IACvCC,QAAQ,EAAE,mBAAmB;IAC7BC,OAAO,EAAE,MAAM;IACfC,IAAI,eAAE7B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAA2B,SAAS;MAAAd,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAV,YAAA;QAAAW,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE;EACpB,CAAC;EACDW,WAAW,EAAE;IACXN,KAAK,EAAE,sBAAsB;IAC7BE,QAAQ,EAAE,2BAA2B;IACrCC,OAAO,EAAE,cAAc;IACvBC,IAAI,eAAE7B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAA6B,SAAS;MAAAhB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAV,YAAA;QAAAW,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE;EACpB,CAAC;EACDa,UAAU,EAAE;IACVR,KAAK,EAAE,aAAa;IACpBE,QAAQ,EAAE,mBAAmB;IAC7BC,OAAO,EAAE,aAAa;IACtBC,IAAI,eAAE7B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAA+B,WAAW;MAAAlB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAV,YAAA;QAAAW,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE;EACtB,CAAC;EACDe,cAAc,EAAE;IACdV,KAAK,EAAE,iBAAiB;IACxBE,QAAQ,EAAE,wBAAwB;IAClCC,OAAO,EAAE,WAAW;IACpBC,IAAI,eAAE7B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAAiC,cAAc;MAAApB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAV,YAAA;QAAAW,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE;EACzB,CAAC;EACDiB,yBAAyB,EAAE;IACzBZ,KAAK,EAAE,8BAA8B;IACrCE,QAAQ,EAAE,qCAAqC;IAC/CC,OAAO,EAAE,wBAAwB;IACjCC,IAAI,eAAE7B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAAiC,cAAc;MAAApB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAV,YAAA;QAAAW,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE;EACzB,CAAC;EACDkB,aAAa,EAAE;IACbb,KAAK,EAAE,gBAAgB;IACvBE,QAAQ,EAAE,6BAA6B;IACvCC,OAAO,EAAE,gBAAgB;IACzBC,IAAI,eAAE7B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAAoC,kBAAkB;MAAAvB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAV,YAAA;QAAAW,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE;EAC7B,CAAC;EACDoB,cAAc,EAAE;IACdf,KAAK,EAAE,iBAAiB;IACxBE,QAAQ,EAAE,8BAA8B;IACxCC,OAAO,EAAE,iBAAiB;IAC1BC,IAAI,eAAE7B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAAsC,mBAAmB;MAAAzB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAV,YAAA;QAAAW,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE;EAC9B,CAAC;EACDsB,MAAM,EAAE;IACNjB,KAAK,EAAE,QAAQ;IACfE,QAAQ,EAAE,qBAAqB;IAC/BC,OAAO,EAAE,QAAQ;IACjBC,IAAI,eAAE7B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACJ,gBAAgB;MAAAO,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAV,YAAA;QAAAW,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE;EAC3B,CAAC;EACDuB,OAAO,EAAE;IACPlB,KAAK,EAAE,SAAS;IAChBC,QAAQ,EAAE,gCAAgC;IAC1CC,QAAQ,EAAE,sBAAsB;IAChCC,OAAO,EAAE,SAAS;IAClBC,IAAI,eAAE7B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAAyC,YAAY;MAAA5B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAV,YAAA;QAAAW,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE;EACvB,CAAC;EACDyB,MAAM,EAAE;IACNpB,KAAK,EAAE,QAAQ;IACfC,QAAQ,EAAE,qBAAqB;IAC/BC,QAAQ,EAAE,qBAAqB;IAC/BC,OAAO,EAAE,QAAQ;IACjBC,IAAI,eAAE7B,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAA2C,WAAW;MAAA9B,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAV,YAAA;QAAAW,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;IACrB2B,IAAI,EAAE;EACR;AACF,CAAC;AAwBD,MAAMC,kBAAkB,GAAG,mBAAmB;AAE9C,MAAMC,oBAAoB,GAAGA,CAC3BC,EAAyB,EACzBC,GAKC,KAEDD,EAAE,CAACE,QAAQ,CACT,IAAAC,wBAAe,EAACC,mBAAe,CAAC,CAAC;EAC/BC,QAAQ,EAAEJ,GAAG,CAACI,QAAQ;EACtB3B,OAAO,EAAEuB,GAAG,CAACvB,OAAO;EACpB4B,gBAAgB,EAAEN,EAAE,CAACO,QAAQ;EAC7BC,WAAW,EAAE,KAAK;EAClBC,QAAQ,EAAET,EAAE,CAACS,QAAQ;EACrBC,gBAAgB,EAAET,GAAG,CAACS,gBAAgB;EACtCC,OAAO,EAAEV,GAAG,CAACU,OAAO;EACpBC,QAAQ,EAAE,CAAC;EACXC,GAAG,EAAE,OAAOC,MAAM,KAAK,WAAW,GAAGA,MAAM,CAACL,QAAQ,CAACM,IAAI,GAAG,EAAE;EAC9DC,SAAS,EAAEhB,EAAE,CAACgB;AAChB,CAAC,CACH,CAAC;AAEI,SAASC,sBAAsBA,CAACC,IAWtC,EAAoB;EACnB,MAAM;IACJC,QAAQ;IACRC,QAAQ;IACRC,OAAO;IACPC,gBAAgB;IAChBC,MAAM;IACNC,SAAS;IACTxB;EACF,CAAC,GAAGkB,IAAI;;EAER;EACA;EACA,MAAMO,MAAM,GAAGF,MAAM,CAClBG,IAAI,CAAC,CAAC,CACNlC,MAAM,CAAEmC,GAAG,IAAKP,QAAQ,CAACO,GAAG,CAAC,IAAIvD,aAAa,CAACuD,GAAG,CAAC,CAACjD,OAAO,CAAC;EAE/D,OAAO6C,MAAM,CACVK,GAAG,CAAEC,KAAK,IACTA,KAAK,CAACC,OAAO,CAAEH,GAAG,IAAqB;IACrC,MAAMI,OAAO,GAAGX,QAAQ,CAACO,GAAG,CAAC;IAC7B,IAAI,CAACI,OAAO,EAAE;MACZ,OAAO,EAAE;IACX;IACA,MAAMC,GAAG,GAAG5D,aAAa,CAACuD,GAAG,CAAC;IAC9B,MAAMM,eAAe,GAAGX,gBAAgB,oBAAhBA,gBAAgB,CAAGK,GAAG,CAAC;IAC/C,MAAMtB,QAAQ,GACZL,EAAE,IAAIgC,GAAG,CAACtD,OAAO,GAAG+C,MAAM,CAACS,OAAO,CAACP,GAAG,CAAC,GAAG,CAAC,GAAGQ,SAAS;IACzD,OAAO,CACL;MACE5D,KAAK,EACHiD,SAAS,IAAIQ,GAAG,CAACxD,QAAQ,GAAGgD,SAAS,CAACQ,GAAG,CAACxD,QAAQ,CAAC,GAAGwD,GAAG,CAACzD,KAAK;MACjEE,QAAQ,EAAEuD,GAAG,CAACvD,QAAQ;MACtBE,IAAI,EAAEqD,GAAG,CAACrD,IAAI;MACdkB,IAAI,EAAEmC,GAAG,CAACnC,IAAI;MACduC,OAAO,EAAGC,KAAK,IAAK;QAClB,IAAIrC,EAAE,IAAIgC,GAAG,CAACtD,OAAO,IAAI2B,QAAQ,EAAE;UACjCN,oBAAoB,CAACC,EAAE,EAAE;YACvBtB,OAAO,EAAEsD,GAAG,CAACtD,OAAO;YACpB2B,QAAQ;YACRK,gBAAgB,EAAEL,QAAQ;YAC1BM,OAAO,EAAEc,MAAM,CAACa;UAClB,CAAC,CAAC;QACJ;QACA,IAAIX,GAAG,KAAK,QAAQ,IAAIU,KAAK,EAAE;UAC7BN,OAAO,CAACZ,QAAQ,EAAEkB,KAAK,CAAC;QAC1B,CAAC,MAAM;UACLN,OAAO,CAACZ,QAAQ,CAAC;QACnB;MACF,CAAC;MACDE,OAAO,EAAEA,OAAO,oBAAPA,OAAO,CAAGM,GAAG,CAAC;MACvBY,QAAQ,EAAEN,eAAe,KAAKE,SAAS;MACvCF;IACF,CAAC,CACF;EACH,CAAC,CACH,CAAC,CACAzC,MAAM,CAAEgD,CAAC,IAAKA,CAAC,CAACF,MAAM,GAAG,CAAC,CAAC;AAChC;AAEO,SAASG,qBAAqBA,CAACvB,IAOrC,EAAiC;EAChC,MAAM;IAAEwB,OAAO;IAAEC,MAAM;IAAEpB,MAAM;IAAEC,SAAS;IAAEoB,cAAc;IAAE5C;EAAG,CAAC,GAAGkB,IAAI;EAEvE,MAAM2B,OAAO,GAAGF,MAAM,GAClB1B,sBAAsB,CAAC;IACrBE,QAAQ,EAAEuB,OAAO;IACjBtB,QAAQ,EAAEuB,MAAM,CAACvB,QAAQ;IACzBC,OAAO,EAAEsB,MAAM,CAACtB,OAAO;IACvBC,gBAAgB,EAAEqB,MAAM,CAACrB,gBAAgB;IACzCC,MAAM;IACNC,SAAS;IACTxB;EACF,CAAC,CAAC,GACF,EAAE;EAEN,IAAI6C,OAAO,CAACP,MAAM,KAAK,CAAC,EAAE;IACxB,OAAOK,MAAM,YAANA,MAAM,CAAEV,eAAe,GAC1B;MACEY,OAAO,EAAE,EAAE;MACXZ,eAAe,EAAEU,MAAM,CAACV,eAAe;MACvCW,cAAc;MACd,GAAGE;IACL,CAAC,GACD,IAAI;EACV;EAEA,MAAMnC,OAAO,GAAGkC,OAAO,CAACnB,IAAI,CAAC,CAAC,CAACY,MAAM;EACrC,OAAO;IACLO,OAAO;IACPD,cAAc;IACd,GAAGE,iCAAe;IAClBC,MAAM,EAAE/C,EAAE,GACN,MACED,oBAAoB,CAACC,EAAE,EAAE;MACvBtB,OAAO,EAAEoB,kBAAkB;MAC3BO,QAAQ,EAAE,CAAC;MACXM;IACF,CAAC,CAAC,GACJwB;EACN,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/FieldActions/headerActionTypes.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/components/FieldActions/headerActionTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport interface HeaderAction {\n  /** The text label of the action item. */\n  label: string;\n  /** Optional data-hook for the menu item (for testkits). */\n  dataHook?: string;\n  /** Handler called when the action is clicked. */\n  onClick: () => void;\n  /** An icon to display before the text. */\n  icon?: ReactNode;\n  /** Disables the action both visually and functionally. */\n  disabled?: boolean;\n  /** Tooltip text shown when the action is disabled. */\n  disabledTooltip?: string;\n  /** Visual style — 'dark' (default) or 'destructive' (red). */\n  skin?: 'dark' | 'destructive';\n  /** When true, replaces the icon with a spinner, forces disabled, and suppresses `disabledTooltip`. */\n  loading?: boolean;\n}\n\nexport interface FieldActionsMenuConfig {\n  actions: HeaderAction[][];\n  buttonDataHook?: string;\n  menuDataHook?: string;\n  tooltipContent?: string;\n  onShow?: () => void;\n  disabledTooltip?: string;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/components/FieldActions/headerActionTypes.ts"],"sourcesContent":["import type { MouseEvent, ReactNode } from 'react';\n\nexport interface HeaderAction {\n  /** The text label of the action item. */\n  label: string;\n  /** Optional data-hook for the menu item (for testkits). */\n  dataHook?: string;\n  /** Handler called when the action is clicked. */\n  onClick: (event?: MouseEvent<HTMLElement>) => void;\n  /** An icon to display before the text. */\n  icon?: ReactNode;\n  /** Disables the action both visually and functionally. */\n  disabled?: boolean;\n  /** Tooltip text shown when the action is disabled. */\n  disabledTooltip?: string;\n  /** Visual style — 'dark' (default) or 'destructive' (red). */\n  skin?: 'dark' | 'destructive';\n  /** When true, replaces the icon with a spinner, forces disabled, and suppresses `disabledTooltip`. */\n  loading?: boolean;\n}\n\nexport interface FieldActionsMenuConfig {\n  actions: HeaderAction[][];\n  buttonDataHook?: string;\n  menuDataHook?: string;\n  tooltipContent?: string;\n  onShow?: () => void;\n  disabledTooltip?: string;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/FiltersPanel/FilterRevealAnchor.js

@@ -0,0 +1,51 @@
+"use strict";
+
+exports.__esModule = true;
+exports.FilterRevealAnchor = FilterRevealAnchor;
+var _react = _interopRequireWildcard(require("react"));
+var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/FiltersPanel/FilterRevealAnchor.tsx";
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function FilterRevealAnchor({
+  request,
+  scrollContainerRef,
+  open,
+  children
+}) {
+  const ref = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
+    const title = ref.current;
+    const list = scrollContainerRef.current;
+    if (!title || !list) {
+      return;
+    }
+    const reveal = () => {
+      list.scrollTop += title.getBoundingClientRect().top - list.getBoundingClientRect().top;
+    };
+    title.focus({
+      preventScroll: true
+    });
+    reveal();
+    // Expansion can initially clamp scrollTop for a section near the list's end.
+    const onTransitionEnd = event => {
+      var _event$target$parentE;
+      if (event.propertyName === 'height' && event.target instanceof HTMLElement && (_event$target$parentE = event.target.parentElement) != null && _event$target$parentE.contains(title)) {
+        reveal();
+      }
+    };
+    list.addEventListener('transitionend', onTransitionEnd);
+    return () => list.removeEventListener('transitionend', onTransitionEnd);
+  }, [request, open]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    ref: ref,
+    tabIndex: -1,
+    role: "heading",
+    "aria-level": 3,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 45,
+      columnNumber: 5
+    }
+  }, children);
+}
+//# sourceMappingURL=FilterRevealAnchor.js.map

package/dist/cjs/components/FiltersPanel/FilterRevealAnchor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FilterRevealAnchor","request","scrollContainerRef","open","children","ref","useRef","useEffect","title","current","list","reveal","scrollTop","getBoundingClientRect","top","focus","preventScroll","onTransitionEnd","event","_event$target$parentE","propertyName","target","HTMLElement","parentElement","contains","addEventListener","removeEventListener","createElement","tabIndex","role","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/FiltersPanel/FilterRevealAnchor.tsx"],"sourcesContent":["import React, { ReactNode, RefObject, useEffect, useRef } from 'react';\n\ninterface FilterRevealAnchorProps {\n  request: { sectionKey: string };\n  scrollContainerRef: RefObject<HTMLDivElement>;\n  open: boolean;\n  children: ReactNode;\n}\n\nexport function FilterRevealAnchor({\n  request,\n  scrollContainerRef,\n  open,\n  children,\n}: FilterRevealAnchorProps) {\n  const ref = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const title = ref.current;\n    const list = scrollContainerRef.current;\n    if (!title || !list) {\n      return;\n    }\n    const reveal = () => {\n      list.scrollTop +=\n        title.getBoundingClientRect().top - list.getBoundingClientRect().top;\n    };\n    title.focus({ preventScroll: true });\n    reveal();\n    // Expansion can initially clamp scrollTop for a section near the list's end.\n    const onTransitionEnd = (event: TransitionEvent) => {\n      if (\n        event.propertyName === 'height' &&\n        event.target instanceof HTMLElement &&\n        event.target.parentElement?.contains(title)\n      ) {\n        reveal();\n      }\n    };\n    list.addEventListener('transitionend', onTransitionEnd);\n    return () => list.removeEventListener('transitionend', onTransitionEnd);\n  }, [request, open]);\n\n  return (\n    <div ref={ref} tabIndex={-1} role=\"heading\" aria-level={3}>\n      {children}\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/FiltersPanel/FiltersPanel.js

@@ -10,7 +10,6 @@ var _mobxReactLite = require("mobx-react-lite");
 var _useBuildAccordionItems = require("../../hooks/useBuildAccordionItems");
 var _FiltersPanelFooter = require("./FiltersPanelFooter");
 var _FilterRenderingContext = require("../FilterRenderingContext");
-var _FiltersPanelState = require("./FiltersPanelState");
 var _FiltersPanelSearch = require("./FiltersPanelSearch");
 var _FiltersPanelSearchNoResults = require("./FiltersPanelSearchNoResults");
 var _react2 = require("@wix/bex-core/react");
@@ -37,9 +36,7 @@ function _FiltersPanel(props) {
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
-  const [filtersPanelState] = (0, _react.useState)(() => new _FiltersPanelState.FiltersPanelState({
-    toolbar
-  }));
+  const filtersPanelState = state.panel;
   const showSearch = state.panelFilterElements.length > FILTER_SEARCH_THRESHOLD;
   const accordionItems = (0, _useBuildAccordionItems.useBuildAccordionItems)(state, showSearch ? filtersPanelState.searchValue : '');
   const hasActiveSearch = showSearch && filtersPanelState.searchValue.trim().length > 0;
@@ -70,7 +67,7 @@ function _FiltersPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 83,
+      lineNumber: 77,
       columnNumber: 5
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel.Header, {
@@ -80,7 +77,7 @@ function _FiltersPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 86,
       columnNumber: 7
     }
   }, showSearch && /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -88,7 +85,7 @@ function _FiltersPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 103,
+      lineNumber: 97,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_FiltersPanelSearch.FiltersPanelSearch, {
@@ -96,16 +93,17 @@ function _FiltersPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 104,
+      lineNumber: 98,
       columnNumber: 13
     }
   }))), /*#__PURE__*/_react.default.createElement(_ScrollableContent.ScrollableContent, {
+    ref: filtersPanelState.scrollContainerRef,
     dataHook: "filters-panel-scroll-container",
     overflowY: true,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 109,
+      lineNumber: 103,
       columnNumber: 7
     }
   }, noResults ? /*#__PURE__*/_react.default.createElement(_FiltersPanelSearchNoResults.FiltersPanelSearchNoResults, {
@@ -113,7 +111,7 @@ function _FiltersPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 111,
+      lineNumber: 109,
       columnNumber: 11
     }
   }) : /*#__PURE__*/_react.default.createElement(_designSystem.Accordion, {
@@ -127,7 +125,7 @@ function _FiltersPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 113,
+      lineNumber: 111,
       columnNumber: 11
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.SidePanel.Footer, {
@@ -135,7 +133,7 @@ function _FiltersPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 124,
+      lineNumber: 122,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_FiltersPanelFooter.FiltersPanelFooter, {
@@ -144,7 +142,7 @@ function _FiltersPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 125,
+      lineNumber: 123,
       columnNumber: 9
     }
   })), children);
@@ -153,7 +151,7 @@ function _FiltersPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 135,
+      lineNumber: 133,
       columnNumber: 5
     }
   }, child);
@@ -162,7 +160,7 @@ function _FiltersPanel(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 141,
+      lineNumber: 139,
       columnNumber: 5
     }
   }, child);

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_useBuildAccordionItems","_FiltersPanelFooter","_FilterRenderingContext","_FiltersPanelState","_FiltersPanelSearch","_FiltersPanelSearchNoResults","_react2","_useRafRender","_PatternsSidePanel","_ScrollableContent","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FILTER_SEARCH_THRESHOLD","_FiltersPanel","props","state","children","rest","toolbar","totalInlineFilters","value","entered","useRafRender","translate","useWixPatternsContainer","filtersPanelState","useState","FiltersPanelState","showSearch","panelFilterElements","length","accordionItems","useBuildAccordionItems","searchValue","hasActiveSearch","trim","noResults","filterRenderingContext","location","isBmHarmonyTheme","useBmHarmonyTheme","wsrDefaults","input","size","button","child","createElement","PatternsSidePanel","_extends2","dataHook","onClose","onCloseButtonClick","width","closeButtonProps","ariaLabel","__self","__source","fileName","lineNumber","columnNumber","SidePanel","Header","title","panelTitle","num","undefined","Box","padding","FiltersPanelSearch","ScrollableContent","overflowY","FiltersPanelSearchNoResults","Accordion","skin","hideShadow","multiple","horizontalPadding","items","Footer","noPadding","FiltersPanelFooter","onClearButtonClicked","FilterRenderingContextProvider","WixStyleReactDefaultsOverrideProvider","FiltersPanel","exports","observer"],"sources":["../../../../src/components/FiltersPanel/FiltersPanel.tsx"],"sourcesContent":["import {\n  Accordion,\n  Box,\n  SidePanel,\n  SidePanelProps,\n  WixStyleReactDefaultsOverrideProvider,\n} from '@wix/design-system';\nimport React, { useState } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { useBuildAccordionItems } from '../../hooks/useBuildAccordionItems';\nimport { FiltersPanelFooter } from './FiltersPanelFooter';\nimport { FilterRenderingContextProvider } from '../FilterRenderingContext';\nimport { FiltersPanelState } from './FiltersPanelState';\nimport { FiltersPanelSearch } from './FiltersPanelSearch';\nimport { FiltersPanelSearchNoResults } from './FiltersPanelSearchNoResults';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport { CollectionToolbarFiltersState } from '../CollectionToolbarFilters/CollectionToolbarFiltersState';\nimport { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nconst FILTER_SEARCH_THRESHOLD = 7;\n\nexport interface FiltersPanelProps<T, F extends FiltersMap>\n  extends Partial<SidePanelProps> {\n  state: CollectionToolbarFiltersState<T, F>;\n}\n\nfunction _FiltersPanel<T, F extends FiltersMap>(\n  props: FiltersPanelProps<T, F>,\n) {\n  const { state, children, ...rest } = props;\n\n  const {\n    toolbar,\n    totalInlineFilters: { value: totalInlineFilters },\n  } = state;\n\n  const entered = useRafRender();\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const [filtersPanelState] = useState(\n    () =>\n      new FiltersPanelState({\n        toolbar,\n      }),\n  );\n\n  const showSearch = state.panelFilterElements.length > FILTER_SEARCH_THRESHOLD;\n\n  const accordionItems = useBuildAccordionItems(\n    state,\n    showSearch ? filtersPanelState.searchValue : '',\n  );\n\n  const hasActiveSearch =\n    showSearch && filtersPanelState.searchValue.trim().length > 0;\n  const noResults = hasActiveSearch && accordionItems.length === 0;\n\n  const [filterRenderingContext] = useState(() => ({\n    location: 'panel' as const,\n  }));\n\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  const [wsrDefaults] = useState(() => ({\n    input: {\n      size: 'small' as const,\n    },\n    button: {\n      size: 'small' as const,\n    },\n  }));\n\n  if (!entered) {\n    return null;\n  }\n\n  let child = (\n    <PatternsSidePanel\n      dataHook=\"filters-side-panel\"\n      onClose={filtersPanelState.onCloseButtonClick}\n      width=\"100%\"\n      closeButtonProps={{\n        ariaLabel: t('cairo.filtersPanel.header.closeButton.ariaLabel'),\n      }}\n      {...rest}\n    >\n      <SidePanel.Header\n        title={\n          state.panelTitle.value ??\n          (totalInlineFilters != null\n            ? t('cairo.filtersPanel.header', {\n                num: totalInlineFilters,\n              })\n            : undefined)\n        }\n      >\n        {showSearch && (\n          <Box padding={isBmHarmonyTheme ? '0 SP4 SP2 SP4' : '0 SP2 SP2 SP2'}>\n            <FiltersPanelSearch state={filtersPanelState} />\n          </Box>\n        )}\n      </SidePanel.Header>\n\n      <ScrollableContent dataHook=\"filters-panel-scroll-container\" overflowY>\n        {noResults ? (\n          <FiltersPanelSearchNoResults state={filtersPanelState} />\n        ) : (\n          <Accordion\n            dataHook=\"filters-panel-accordion\"\n            skin=\"light\"\n            hideShadow\n            multiple\n            size={isBmHarmonyTheme ? 'tiny' : undefined}\n            horizontalPadding={isBmHarmonyTheme ? 'small' : undefined}\n            items={accordionItems}\n          />\n        )}\n      </ScrollableContent>\n      <SidePanel.Footer noPadding>\n        <FiltersPanelFooter\n          state={toolbar}\n          onClearButtonClicked={state.onClearButtonClicked}\n        />\n      </SidePanel.Footer>\n      {children}\n    </PatternsSidePanel>\n  );\n\n  child = (\n    <FilterRenderingContextProvider value={filterRenderingContext}>\n      {child}\n    </FilterRenderingContextProvider>\n  );\n\n  child = (\n    <WixStyleReactDefaultsOverrideProvider value={wsrDefaults}>\n      {child}\n    </WixStyleReactDefaultsOverrideProvider>\n  );\n\n  return child;\n}\n\nexport const FiltersPanel = observer(_FiltersPanel);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_useBuildAccordionItems","_FiltersPanelFooter","_FilterRenderingContext","_FiltersPanelSearch","_FiltersPanelSearchNoResults","_react2","_useRafRender","_PatternsSidePanel","_ScrollableContent","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FILTER_SEARCH_THRESHOLD","_FiltersPanel","props","state","children","rest","toolbar","totalInlineFilters","value","entered","useRafRender","translate","useWixPatternsContainer","filtersPanelState","panel","showSearch","panelFilterElements","length","accordionItems","useBuildAccordionItems","searchValue","hasActiveSearch","trim","noResults","filterRenderingContext","useState","location","isBmHarmonyTheme","useBmHarmonyTheme","wsrDefaults","input","size","button","child","createElement","PatternsSidePanel","_extends2","dataHook","onClose","onCloseButtonClick","width","closeButtonProps","ariaLabel","__self","__source","fileName","lineNumber","columnNumber","SidePanel","Header","title","panelTitle","num","undefined","Box","padding","FiltersPanelSearch","ScrollableContent","ref","scrollContainerRef","overflowY","FiltersPanelSearchNoResults","Accordion","skin","hideShadow","multiple","horizontalPadding","items","Footer","noPadding","FiltersPanelFooter","onClearButtonClicked","FilterRenderingContextProvider","WixStyleReactDefaultsOverrideProvider","FiltersPanel","exports","observer"],"sources":["../../../../src/components/FiltersPanel/FiltersPanel.tsx"],"sourcesContent":["import {\n  Accordion,\n  Box,\n  SidePanel,\n  SidePanelProps,\n  WixStyleReactDefaultsOverrideProvider,\n} from '@wix/design-system';\nimport React, { useState } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { useBuildAccordionItems } from '../../hooks/useBuildAccordionItems';\nimport { FiltersPanelFooter } from './FiltersPanelFooter';\nimport { FilterRenderingContextProvider } from '../FilterRenderingContext';\nimport { FiltersPanelSearch } from './FiltersPanelSearch';\nimport { FiltersPanelSearchNoResults } from './FiltersPanelSearchNoResults';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useRafRender } from '../../hooks/useRafRender';\nimport { CollectionToolbarFiltersState } from '../CollectionToolbarFilters/CollectionToolbarFiltersState';\nimport { PatternsSidePanel } from '../SidePanel/PatternsSidePanel';\nimport { ScrollableContent } from '../ScrollableContent';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nconst FILTER_SEARCH_THRESHOLD = 7;\n\nexport interface FiltersPanelProps<T, F extends FiltersMap>\n  extends Partial<SidePanelProps> {\n  state: CollectionToolbarFiltersState<T, F>;\n}\n\nfunction _FiltersPanel<T, F extends FiltersMap>(\n  props: FiltersPanelProps<T, F>,\n) {\n  const { state, children, ...rest } = props;\n\n  const {\n    toolbar,\n    totalInlineFilters: { value: totalInlineFilters },\n  } = state;\n\n  const entered = useRafRender();\n\n  const { translate: t } = useWixPatternsContainer();\n\n  const filtersPanelState = state.panel;\n\n  const showSearch = state.panelFilterElements.length > FILTER_SEARCH_THRESHOLD;\n\n  const accordionItems = useBuildAccordionItems(\n    state,\n    showSearch ? filtersPanelState.searchValue : '',\n  );\n\n  const hasActiveSearch =\n    showSearch && filtersPanelState.searchValue.trim().length > 0;\n  const noResults = hasActiveSearch && accordionItems.length === 0;\n\n  const [filterRenderingContext] = useState(() => ({\n    location: 'panel' as const,\n  }));\n\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  const [wsrDefaults] = useState(() => ({\n    input: {\n      size: 'small' as const,\n    },\n    button: {\n      size: 'small' as const,\n    },\n  }));\n\n  if (!entered) {\n    return null;\n  }\n\n  let child = (\n    <PatternsSidePanel\n      dataHook=\"filters-side-panel\"\n      onClose={filtersPanelState.onCloseButtonClick}\n      width=\"100%\"\n      closeButtonProps={{\n        ariaLabel: t('cairo.filtersPanel.header.closeButton.ariaLabel'),\n      }}\n      {...rest}\n    >\n      <SidePanel.Header\n        title={\n          state.panelTitle.value ??\n          (totalInlineFilters != null\n            ? t('cairo.filtersPanel.header', {\n                num: totalInlineFilters,\n              })\n            : undefined)\n        }\n      >\n        {showSearch && (\n          <Box padding={isBmHarmonyTheme ? '0 SP4 SP2 SP4' : '0 SP2 SP2 SP2'}>\n            <FiltersPanelSearch state={filtersPanelState} />\n          </Box>\n        )}\n      </SidePanel.Header>\n\n      <ScrollableContent\n        ref={filtersPanelState.scrollContainerRef}\n        dataHook=\"filters-panel-scroll-container\"\n        overflowY\n      >\n        {noResults ? (\n          <FiltersPanelSearchNoResults state={filtersPanelState} />\n        ) : (\n          <Accordion\n            dataHook=\"filters-panel-accordion\"\n            skin=\"light\"\n            hideShadow\n            multiple\n            size={isBmHarmonyTheme ? 'tiny' : undefined}\n            horizontalPadding={isBmHarmonyTheme ? 'small' : undefined}\n            items={accordionItems}\n          />\n        )}\n      </ScrollableContent>\n      <SidePanel.Footer noPadding>\n        <FiltersPanelFooter\n          state={toolbar}\n          onClearButtonClicked={state.onClearButtonClicked}\n        />\n      </SidePanel.Footer>\n      {children}\n    </PatternsSidePanel>\n  );\n\n  child = (\n    <FilterRenderingContextProvider value={filterRenderingContext}>\n      {child}\n    </FilterRenderingContextProvider>\n  );\n\n  child = (\n    <WixStyleReactDefaultsOverrideProvider value={wsrDefaults}>\n      {child}\n    </WixStyleReactDefaultsOverrideProvider>\n  );\n\n  return child;\n}\n\nexport const FiltersPanel = observer(_FiltersPanel);\n"],"mappings":"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","ignoreList":[]}