@wix/patterns 1.427.0 → 1.431.0

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

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireDefault","_designSystem","_wixUiIconsCommon","_jsxFileName","_PickerStandaloneLayoutFooter","props","state","createNewAction","default","createElement","Fragment","Divider","__self","__source","fileName","lineNumber","columnNumber","Box","paddingLeft","paddingRight","paddingTop","paddingBottom","verticalAlign","TextButton","_extends2","key","dataHook","prefixIcon","Add","suffixIcon","undefined","onClick","e","onCreateNewClick","buttonProps","PickerStandaloneLayoutFooter","exports","observer"],"sources":["../../../../src/components/PickerStandaloneLayout/PickerStandaloneLayoutFooter.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React, { MouseEventHandler, ReactElement } from 'react';\nimport { Box, Divider, TextButton, TextButtonProps } from '@wix/design-system';\nimport { PickerStandaloneState } from '../../state';\nimport { Add as AddIcon } from '@wix/wix-ui-icons-common';\n\nexport interface PickerStandaloneLayoutFooterProps<\n  T,\n  F extends FiltersMap = FiltersMap,\n> {\n  state: PickerStandaloneState<T, F>;\n  createNewAction?: ReactElement<TextButtonProps>;\n}\n\nfunction _PickerStandaloneLayoutFooter<T, F extends FiltersMap = FiltersMap>(\n  props: PickerStandaloneLayoutFooterProps<T, F>,\n) {\n  const { state, createNewAction } = props;\n\n  return (\n    <>\n      <Divider />\n      <Box\n        paddingLeft=\"SP4\"\n        paddingRight=\"SP4\"\n        paddingTop=\"SP3\"\n        paddingBottom=\"SP3\"\n        verticalAlign=\"middle\"\n      >\n        {createNewAction && (\n          <TextButton\n            key={createNewAction.key}\n            dataHook=\"create-new-item-cta\"\n            {...(createNewAction.props as {})}\n            prefixIcon={<AddIcon />}\n            suffixIcon={undefined}\n            onClick={(e: React.MouseEvent<HTMLElement, MouseEvent>) => {\n              state.onCreateNewClick();\n              const buttonProps = createNewAction.props as\n                | {\n                    onClick?: MouseEventHandler<HTMLElement>;\n                  }\n                | undefined;\n              buttonProps?.onClick?.(e);\n            }}\n          />\n        )}\n      </Box>\n    </>\n  );\n}\nexport const PickerStandaloneLayoutFooter = observer(\n  _PickerStandaloneLayoutFooter,\n);\n"],"mappings":";;;;;;AACA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAEA,IAAAI,iBAAA,GAAAJ,OAAA;AAA0D,IAAAK,YAAA;AAU1D,SAASC,6BAA6BA,CACpCC,KAA8C,EAC9C;EACA,MAAM;IAAEC,KAAK;IAAEC;EAAgB,CAAC,GAAGF,KAAK;EAExC,oBACEN,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAAAV,MAAA,CAAAS,OAAA,CAAAE,QAAA,qBACEX,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAU,OAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACXjB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAgB,GAAG;IACFC,WAAW,EAAC,KAAK;IACjBC,YAAY,EAAC,KAAK;IAClBC,UAAU,EAAC,KAAK;IAChBC,aAAa,EAAC,KAAK;IACnBC,aAAa,EAAC,QAAQ;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,GAErBT,eAAe,iBACdR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAsB,UAAU,MAAAC,SAAA,CAAAhB,OAAA;IACTiB,GAAG,EAAElB,eAAe,CAACkB,GAAI;IACzBC,QAAQ,EAAC;EAAqB,GACzBnB,eAAe,CAACF,KAAK;IAC1BsB,UAAU,eAAE5B,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,iBAAA,CAAA0B,GAAO;MAAAhB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAX,YAAA;QAAAY,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACxBa,UAAU,EAAEC,SAAU;IACtBC,OAAO,EAAGC,CAA4C,IAAK;MACzD1B,KAAK,CAAC2B,gBAAgB,CAAC,CAAC;MACxB,MAAMC,WAAW,GAAG3B,eAAe,CAACF,KAIvB;MACb6B,WAAW,YAAXA,WAAW,CAAEH,OAAO,YAApBG,WAAW,CAAEH,OAAO,CAAGC,CAAC,CAAC;IAC3B,CAAE;IAAApB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,EACH,CAEA,CACL,CAAC;AAEP;AACO,MAAMmB,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA,GAAG,IAAAE,uBAAQ,EAClDjC,6BACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireDefault","_designSystem","_lazy","_jsxFileName","_PickerStandaloneLayoutFooter","props","state","createNewAction","default","createElement","Fragment","Divider","__self","__source","fileName","lineNumber","columnNumber","Box","paddingLeft","paddingRight","paddingTop","paddingBottom","verticalAlign","TextButton","_extends2","key","dataHook","prefixIcon","Add","suffixIcon","undefined","onClick","e","onCreateNewClick","buttonProps","PickerStandaloneLayoutFooter","exports","observer"],"sources":["../../../../src/components/PickerStandaloneLayout/PickerStandaloneLayoutFooter.tsx"],"sourcesContent":["import { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React, { MouseEventHandler, ReactElement } from 'react';\nimport { Box, Divider, TextButton, TextButtonProps } from '@wix/design-system';\nimport { PickerStandaloneState } from '../../state';\nimport { Add as AddIcon } from '@wix/wix-ui-icons-common/lazy';\n\nexport interface PickerStandaloneLayoutFooterProps<\n  T,\n  F extends FiltersMap = FiltersMap,\n> {\n  state: PickerStandaloneState<T, F>;\n  createNewAction?: ReactElement<TextButtonProps>;\n}\n\nfunction _PickerStandaloneLayoutFooter<T, F extends FiltersMap = FiltersMap>(\n  props: PickerStandaloneLayoutFooterProps<T, F>,\n) {\n  const { state, createNewAction } = props;\n\n  return (\n    <>\n      <Divider />\n      <Box\n        paddingLeft=\"SP4\"\n        paddingRight=\"SP4\"\n        paddingTop=\"SP3\"\n        paddingBottom=\"SP3\"\n        verticalAlign=\"middle\"\n      >\n        {createNewAction && (\n          <TextButton\n            key={createNewAction.key}\n            dataHook=\"create-new-item-cta\"\n            {...(createNewAction.props as {})}\n            prefixIcon={<AddIcon />}\n            suffixIcon={undefined}\n            onClick={(e: React.MouseEvent<HTMLElement, MouseEvent>) => {\n              state.onCreateNewClick();\n              const buttonProps = createNewAction.props as\n                | {\n                    onClick?: MouseEventHandler<HTMLElement>;\n                  }\n                | undefined;\n              buttonProps?.onClick?.(e);\n            }}\n          />\n        )}\n      </Box>\n    </>\n  );\n}\nexport const PickerStandaloneLayoutFooter = observer(\n  _PickerStandaloneLayoutFooter,\n);\n"],"mappings":";;;;;;AACA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AAEA,IAAAI,KAAA,GAAAJ,OAAA;AAA+D,IAAAK,YAAA;AAU/D,SAASC,6BAA6BA,CACpCC,KAA8C,EAC9C;EACA,MAAM;IAAEC,KAAK;IAAEC;EAAgB,CAAC,GAAGF,KAAK;EAExC,oBACEN,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAAAV,MAAA,CAAAS,OAAA,CAAAE,QAAA,qBACEX,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAU,OAAO;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eACXjB,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAgB,GAAG;IACFC,WAAW,EAAC,KAAK;IACjBC,YAAY,EAAC,KAAK;IAClBC,UAAU,EAAC,KAAK;IAChBC,aAAa,EAAC,KAAK;IACnBC,aAAa,EAAC,QAAQ;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,GAErBT,eAAe,iBACdR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACR,aAAA,CAAAsB,UAAU,MAAAC,SAAA,CAAAhB,OAAA;IACTiB,GAAG,EAAElB,eAAe,CAACkB,GAAI;IACzBC,QAAQ,EAAC;EAAqB,GACzBnB,eAAe,CAACF,KAAK;IAC1BsB,UAAU,eAAE5B,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,KAAA,CAAA0B,GAAO;MAAAhB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAX,YAAA;QAAAY,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACxBa,UAAU,EAAEC,SAAU;IACtBC,OAAO,EAAGC,CAA4C,IAAK;MACzD1B,KAAK,CAAC2B,gBAAgB,CAAC,CAAC;MACxB,MAAMC,WAAW,GAAG3B,eAAe,CAACF,KAIvB;MACb6B,WAAW,YAAXA,WAAW,CAAEH,OAAO,YAApBG,WAAW,CAAEH,OAAO,CAAGC,CAAC,CAAC;IAC3B,CAAE;IAAApB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,EACH,CAEA,CACL,CAAC;AAEP;AACO,MAAMmB,4BAA4B,GAAAC,OAAA,CAAAD,4BAAA,GAAG,IAAAE,uBAAQ,EAClDjC,6BACF,CAAC","ignoreList":[]}

package/dist/cjs/components/PickerStandaloneLayout/PickerStandaloneLayoutHeader.js

@@ -9,7 +9,7 @@ var _mobxReactLite = require("mobx-react-lite");
 var _react = _interopRequireWildcard(require("react"));
 var _reactTransitionGroup = require("react-transition-group");
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _CollectionSearch = require("../CollectionSearch");
 var _EditorXLogo = require("../EditorXLogo");
 var _WixLogo = require("../WixLogo");
@@ -86,7 +86,7 @@ function _PickerStandaloneLayoutHeader(props) {
         lineNumber: 67,
         columnNumber: 17
       }
-    }, isDuringSearch ? /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronLeftLarge, {
+    }, isDuringSearch ? /*#__PURE__*/_react.default.createElement(_lazy.ChevronLeftLarge, {
       height: 24,
       width: 24,
       onClick: onBackClicked,

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

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_mobxReactLite","_react","_interopRequireWildcard","_reactTransitionGroup","_designSystem","_wixUiIconsCommon","_CollectionSearch","_EditorXLogo","_WixLogo","_PickerStandaloneLayoutTitles","_Collapse","_Fade","_ExpandableSearch","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_PickerStandaloneLayoutHeader","props","state","hideSearch","picker","logoType","isMobileView","isDuringSearch","collection","isScrollTop","searchRef","useRef","onSearchFocus","setIsDuringSearch","onSearchBlur","query","search","isEmpty","onBackClicked","_searchRef$current","_searchRef$current2","current","focus","clearSearch","blur","headerProps","header","headerDivider","titleSearchContainerProps","titleDivider","padding","align","createElement","Fragment","SwitchTransition","__self","__source","fileName","lineNumber","columnNumber","Fade","timeout","key","style","display","ChevronLeftLarge","height","width","onClick","cursor","Box","verticalAlign","boxSizing","EditorXLogo","WixLogo","ExpandableSearch","visibility","undefined","expandable","onBlur","onFocus","inputRef","input","paddingBottom","result","margin","boxShadow","zIndex","Divider","paddingTop","gap","direction","paddingLeft","paddingRight","CollectionSearch","minWidthPixels","collapse","useState","TransitionState","_extends2","Collapse","in","PickerStandaloneLayoutTitles","PickerStandaloneLayoutHeader","exports","observer"],"sources":["../../../../src/components/PickerStandaloneLayout/PickerStandaloneLayoutHeader.tsx"],"sourcesContent":["import { FiltersMap, TransitionState } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React, { useRef, useState } from 'react';\nimport { SwitchTransition } from 'react-transition-group';\nimport { Box, Divider } from '@wix/design-system';\nimport { ChevronLeftLarge } from '@wix/wix-ui-icons-common';\nimport { CollectionSearch } from '../CollectionSearch';\nimport { EditorXLogo } from '../EditorXLogo';\nimport { WixLogo } from '../WixLogo';\nimport { PickerStandaloneLayoutTitles } from './PickerStandaloneLayoutTitles';\nimport { Collapse } from '../Collapse';\nimport { Fade } from '../Fade';\nimport { PickerStandaloneState } from '../../state';\nimport { ExpandableSearch } from '../ExpandableSearch';\n\nexport interface PickerStandaloneLayoutHeaderProps<\n  T,\n  F extends FiltersMap = FiltersMap,\n> {\n  state: PickerStandaloneState<T, F>;\n  hideSearch?: boolean;\n}\n\nfunction _PickerStandaloneLayoutHeader<T, F extends FiltersMap = FiltersMap>(\n  props: PickerStandaloneLayoutHeaderProps<T, F>,\n) {\n  const { state, hideSearch } = props;\n\n  const { picker, logoType, isMobileView, isDuringSearch } = state;\n\n  const { collection, isScrollTop } = picker;\n\n  const searchRef = useRef<HTMLInputElement | null>();\n\n  const onSearchFocus = () => {\n    state.setIsDuringSearch(true);\n  };\n\n  const onSearchBlur = () => {\n    if (collection.query.search.isEmpty) {\n      state.setIsDuringSearch(false);\n    }\n  };\n\n  const onBackClicked = async () => {\n    searchRef.current?.focus();\n    await collection.clearSearch();\n    searchRef.current?.blur();\n  };\n\n  const {\n    headerProps,\n    header,\n    headerDivider,\n    titleSearchContainerProps,\n    titleDivider,\n  } = isMobileView\n    ? {\n        headerProps: {\n          padding: '12px 24px',\n          align: 'space-between' as const,\n        },\n        header: (\n          <>\n            <SwitchTransition>\n              <Fade timeout={150} key={isDuringSearch ? 1 : 0}>\n                <div style={{ display: 'flex' }}>\n                  {isDuringSearch ? (\n                    <ChevronLeftLarge\n                      height={24}\n                      width={24}\n                      onClick={onBackClicked}\n                      style={{ cursor: 'pointer' }}\n                    />\n                  ) : (\n                    <Box\n                      align=\"center\"\n                      verticalAlign=\"middle\"\n                      boxSizing=\"border-box\"\n                    >\n                      {logoType === 'editorx' ? (\n                        <EditorXLogo height={16} />\n                      ) : (\n                        <WixLogo height={16} />\n                      )}\n                    </Box>\n                  )}\n                </div>\n              </Fade>\n            </SwitchTransition>\n            <ExpandableSearch\n              visibility={hideSearch ? 'hidden' : undefined}\n              expandable\n              onBlur={onSearchBlur}\n              onFocus={onSearchFocus}\n              inputRef={(input) => {\n                searchRef.current = input;\n              }}\n            />\n          </>\n        ),\n        headerDivider: undefined,\n        titleSearchContainerProps: {\n          paddingBottom: !isScrollTop && !collection.result.isEmpty ? 0 : 'SP2',\n        },\n        titleDivider: !isScrollTop && !collection.result.isEmpty && (\n          <Box\n            margin=\"0 15px\"\n            height=\"12px\"\n            boxShadow=\"0 5px 5px -5px rgb(32 48 60 / 20%)\"\n            zIndex={9999999}\n          />\n        ),\n      }\n    : {\n        headerProps: {\n          padding: '24px 30px',\n          align: 'center' as const,\n        },\n        header: (\n          <Box align=\"center\" verticalAlign=\"middle\" boxSizing=\"border-box\">\n            {logoType === 'editorx' ? (\n              <EditorXLogo height={18} />\n            ) : (\n              <WixLogo height={24} />\n            )}\n          </Box>\n        ),\n        headerDivider: <Divider />,\n        titleSearchContainerProps: {\n          paddingTop: 'SP4',\n          paddingBottom: 'SP3',\n          gap: 'SP3',\n        },\n        titleDivider: !hideSearch && (\n          <Box\n            display=\"flex\"\n            direction=\"vertical\"\n            paddingLeft=\"94px\"\n            paddingRight=\"94px\"\n          >\n            <CollectionSearch minWidthPixels=\"100%\" />\n          </Box>\n        ),\n      };\n\n  const [collapse] = useState(() => new TransitionState(true));\n\n  return (\n    <>\n      <Box\n        direction=\"horizontal\"\n        boxSizing=\"border-box\"\n        verticalAlign=\"middle\"\n        {...headerProps}\n      >\n        {header}\n      </Box>\n      {headerDivider}\n      <Box display=\"grid\" direction=\"vertical\" {...titleSearchContainerProps}>\n        <Collapse state={collapse} in={!isDuringSearch} timeout={300}>\n          <Fade in={!isDuringSearch} timeout={300}>\n            <PickerStandaloneLayoutTitles {...props} />\n          </Fade>\n        </Collapse>\n        {titleDivider}\n      </Box>\n    </>\n  );\n}\nexport const PickerStandaloneLayoutHeader = observer(\n  _PickerStandaloneLayoutHeader,\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_mobxReactLite","_react","_interopRequireWildcard","_reactTransitionGroup","_designSystem","_lazy","_CollectionSearch","_EditorXLogo","_WixLogo","_PickerStandaloneLayoutTitles","_Collapse","_Fade","_ExpandableSearch","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_PickerStandaloneLayoutHeader","props","state","hideSearch","picker","logoType","isMobileView","isDuringSearch","collection","isScrollTop","searchRef","useRef","onSearchFocus","setIsDuringSearch","onSearchBlur","query","search","isEmpty","onBackClicked","_searchRef$current","_searchRef$current2","current","focus","clearSearch","blur","headerProps","header","headerDivider","titleSearchContainerProps","titleDivider","padding","align","createElement","Fragment","SwitchTransition","__self","__source","fileName","lineNumber","columnNumber","Fade","timeout","key","style","display","ChevronLeftLarge","height","width","onClick","cursor","Box","verticalAlign","boxSizing","EditorXLogo","WixLogo","ExpandableSearch","visibility","undefined","expandable","onBlur","onFocus","inputRef","input","paddingBottom","result","margin","boxShadow","zIndex","Divider","paddingTop","gap","direction","paddingLeft","paddingRight","CollectionSearch","minWidthPixels","collapse","useState","TransitionState","_extends2","Collapse","in","PickerStandaloneLayoutTitles","PickerStandaloneLayoutHeader","exports","observer"],"sources":["../../../../src/components/PickerStandaloneLayout/PickerStandaloneLayoutHeader.tsx"],"sourcesContent":["import { FiltersMap, TransitionState } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React, { useRef, useState } from 'react';\nimport { SwitchTransition } from 'react-transition-group';\nimport { Box, Divider } from '@wix/design-system';\nimport { ChevronLeftLarge } from '@wix/wix-ui-icons-common/lazy';\nimport { CollectionSearch } from '../CollectionSearch';\nimport { EditorXLogo } from '../EditorXLogo';\nimport { WixLogo } from '../WixLogo';\nimport { PickerStandaloneLayoutTitles } from './PickerStandaloneLayoutTitles';\nimport { Collapse } from '../Collapse';\nimport { Fade } from '../Fade';\nimport { PickerStandaloneState } from '../../state';\nimport { ExpandableSearch } from '../ExpandableSearch';\n\nexport interface PickerStandaloneLayoutHeaderProps<\n  T,\n  F extends FiltersMap = FiltersMap,\n> {\n  state: PickerStandaloneState<T, F>;\n  hideSearch?: boolean;\n}\n\nfunction _PickerStandaloneLayoutHeader<T, F extends FiltersMap = FiltersMap>(\n  props: PickerStandaloneLayoutHeaderProps<T, F>,\n) {\n  const { state, hideSearch } = props;\n\n  const { picker, logoType, isMobileView, isDuringSearch } = state;\n\n  const { collection, isScrollTop } = picker;\n\n  const searchRef = useRef<HTMLInputElement | null>();\n\n  const onSearchFocus = () => {\n    state.setIsDuringSearch(true);\n  };\n\n  const onSearchBlur = () => {\n    if (collection.query.search.isEmpty) {\n      state.setIsDuringSearch(false);\n    }\n  };\n\n  const onBackClicked = async () => {\n    searchRef.current?.focus();\n    await collection.clearSearch();\n    searchRef.current?.blur();\n  };\n\n  const {\n    headerProps,\n    header,\n    headerDivider,\n    titleSearchContainerProps,\n    titleDivider,\n  } = isMobileView\n    ? {\n        headerProps: {\n          padding: '12px 24px',\n          align: 'space-between' as const,\n        },\n        header: (\n          <>\n            <SwitchTransition>\n              <Fade timeout={150} key={isDuringSearch ? 1 : 0}>\n                <div style={{ display: 'flex' }}>\n                  {isDuringSearch ? (\n                    <ChevronLeftLarge\n                      height={24}\n                      width={24}\n                      onClick={onBackClicked}\n                      style={{ cursor: 'pointer' }}\n                    />\n                  ) : (\n                    <Box\n                      align=\"center\"\n                      verticalAlign=\"middle\"\n                      boxSizing=\"border-box\"\n                    >\n                      {logoType === 'editorx' ? (\n                        <EditorXLogo height={16} />\n                      ) : (\n                        <WixLogo height={16} />\n                      )}\n                    </Box>\n                  )}\n                </div>\n              </Fade>\n            </SwitchTransition>\n            <ExpandableSearch\n              visibility={hideSearch ? 'hidden' : undefined}\n              expandable\n              onBlur={onSearchBlur}\n              onFocus={onSearchFocus}\n              inputRef={(input) => {\n                searchRef.current = input;\n              }}\n            />\n          </>\n        ),\n        headerDivider: undefined,\n        titleSearchContainerProps: {\n          paddingBottom: !isScrollTop && !collection.result.isEmpty ? 0 : 'SP2',\n        },\n        titleDivider: !isScrollTop && !collection.result.isEmpty && (\n          <Box\n            margin=\"0 15px\"\n            height=\"12px\"\n            boxShadow=\"0 5px 5px -5px rgb(32 48 60 / 20%)\"\n            zIndex={9999999}\n          />\n        ),\n      }\n    : {\n        headerProps: {\n          padding: '24px 30px',\n          align: 'center' as const,\n        },\n        header: (\n          <Box align=\"center\" verticalAlign=\"middle\" boxSizing=\"border-box\">\n            {logoType === 'editorx' ? (\n              <EditorXLogo height={18} />\n            ) : (\n              <WixLogo height={24} />\n            )}\n          </Box>\n        ),\n        headerDivider: <Divider />,\n        titleSearchContainerProps: {\n          paddingTop: 'SP4',\n          paddingBottom: 'SP3',\n          gap: 'SP3',\n        },\n        titleDivider: !hideSearch && (\n          <Box\n            display=\"flex\"\n            direction=\"vertical\"\n            paddingLeft=\"94px\"\n            paddingRight=\"94px\"\n          >\n            <CollectionSearch minWidthPixels=\"100%\" />\n          </Box>\n        ),\n      };\n\n  const [collapse] = useState(() => new TransitionState(true));\n\n  return (\n    <>\n      <Box\n        direction=\"horizontal\"\n        boxSizing=\"border-box\"\n        verticalAlign=\"middle\"\n        {...headerProps}\n      >\n        {header}\n      </Box>\n      {headerDivider}\n      <Box display=\"grid\" direction=\"vertical\" {...titleSearchContainerProps}>\n        <Collapse state={collapse} in={!isDuringSearch} timeout={300}>\n          <Fade in={!isDuringSearch} timeout={300}>\n            <PickerStandaloneLayoutTitles {...props} />\n          </Fade>\n        </Collapse>\n        {titleDivider}\n      </Box>\n    </>\n  );\n}\nexport const PickerStandaloneLayoutHeader = observer(\n  _PickerStandaloneLayoutHeader,\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/PickerTableListItem/PickerTableListItem.js

@@ -6,7 +6,7 @@ exports.PickerTableListItem = PickerTableListItem;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _PickerTableListItemStCss = require("./PickerTableListItem.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/PickerTableListItem/PickerTableListItem.tsx";
 function PickerTableListItem(props) {
@@ -77,7 +77,7 @@ function PickerTableListItem(props) {
   }
   const options = [...start, {
     width: primaryActionWidth,
-    value: primaryAction || /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ChevronRightLarge, {
+    value: primaryAction || /*#__PURE__*/_react.default.createElement(_lazy.ChevronRightLarge, {
       __self: this,
       __source: {
         fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_PickerTableListItemStCss","_jsxFileName","PickerTableListItem","props","dataHook","showDivider","keyedItem","state","primaryAction","primaryActionWidth","title","subtitle","extraNode","disabled","checkbox","multiple","options","optionsProp","tableListItemProps","collection","name","itemName","item","start","end","reduce","prev","current","column","value","undefined","push","length","align","width","default","createElement","Avatar","size","__self","__source","fileName","lineNumber","columnNumber","Text","ChevronRightLarge","TableListItem","_extends2","className","st","classes","root","verticalPadding"],"sources":["../../../../src/components/PickerTableListItem/PickerTableListItem.tsx"],"sourcesContent":["import { FiltersMap, KeyedItem, PickerState } from '@wix/bex-core';\nimport React, { ReactNode } from 'react';\n\nimport {\n  Avatar,\n  TableListItem,\n  TableListItemColumn,\n  Text,\n} from '@wix/design-system';\nimport { ChevronRightLarge } from '@wix/wix-ui-icons-common';\nimport { PickerListItemProps } from '../PickerListItemProps';\nimport { st, classes } from './PickerTableListItem.st.css.js';\n\nexport interface PickerTableListItemPropsBase\n  extends Partial<PickerListItemProps> {\n  primaryAction?: ReactNode;\n  primaryActionWidth?: TableListItemColumn['width'];\n}\n\nexport interface PickerTableListItemProps<T, F extends FiltersMap>\n  extends PickerTableListItemPropsBase {\n  dataHook?: string;\n  showDivider?: boolean;\n  keyedItem: KeyedItem<T>;\n  state: PickerState<T, F>;\n  multiple?: boolean;\n}\n\nexport function PickerTableListItem<T, F extends FiltersMap>(\n  props: PickerTableListItemProps<T, F>,\n) {\n  const {\n    dataHook,\n    showDivider,\n    keyedItem,\n    state,\n    primaryAction,\n    primaryActionWidth = 'auto',\n    title,\n    subtitle,\n    extraNode,\n    disabled,\n    checkbox,\n    multiple,\n    options: optionsProp = [],\n    ...tableListItemProps\n  } = props;\n  const { collection } = state;\n  const name = collection.itemName(keyedItem.item);\n\n  const { start, end } = optionsProp.reduce(\n    (prev, current) => {\n      const column: TableListItemColumn = {\n        value: undefined,\n        ...current,\n      };\n      if (current.end) {\n        prev.end.push(column);\n      } else {\n        prev.start.push(column);\n      }\n      return prev;\n    },\n    {\n      start: [] as TableListItemColumn[],\n      end: [] as TableListItemColumn[],\n    },\n  );\n\n  if (!start.length) {\n    start.push(\n      {\n        align: 'left' as const,\n        width: '84px',\n        value: <Avatar size=\"size60\" name={name} />,\n      },\n      {\n        align: 'left' as const,\n        value: <Text dataHook=\"selector-title\">{name}</Text>,\n      },\n    );\n  }\n\n  const options: TableListItemColumn[] = [\n    ...start,\n    {\n      width: primaryActionWidth,\n      value: primaryAction || <ChevronRightLarge />,\n      align: 'right',\n    },\n    ...end,\n  ];\n\n  return (\n    <TableListItem\n      className={st(classes.root)}\n      verticalPadding=\"medium\"\n      dataHook={dataHook}\n      {...tableListItemProps}\n      options={options}\n    />\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_PickerTableListItemStCss","_jsxFileName","PickerTableListItem","props","dataHook","showDivider","keyedItem","state","primaryAction","primaryActionWidth","title","subtitle","extraNode","disabled","checkbox","multiple","options","optionsProp","tableListItemProps","collection","name","itemName","item","start","end","reduce","prev","current","column","value","undefined","push","length","align","width","default","createElement","Avatar","size","__self","__source","fileName","lineNumber","columnNumber","Text","ChevronRightLarge","TableListItem","_extends2","className","st","classes","root","verticalPadding"],"sources":["../../../../src/components/PickerTableListItem/PickerTableListItem.tsx"],"sourcesContent":["import { FiltersMap, KeyedItem, PickerState } from '@wix/bex-core';\nimport React, { ReactNode } from 'react';\n\nimport {\n  Avatar,\n  TableListItem,\n  TableListItemColumn,\n  Text,\n} from '@wix/design-system';\nimport { ChevronRightLarge } from '@wix/wix-ui-icons-common/lazy';\nimport { PickerListItemProps } from '../PickerListItemProps';\nimport { st, classes } from './PickerTableListItem.st.css.js';\n\nexport interface PickerTableListItemPropsBase\n  extends Partial<PickerListItemProps> {\n  primaryAction?: ReactNode;\n  primaryActionWidth?: TableListItemColumn['width'];\n}\n\nexport interface PickerTableListItemProps<T, F extends FiltersMap>\n  extends PickerTableListItemPropsBase {\n  dataHook?: string;\n  showDivider?: boolean;\n  keyedItem: KeyedItem<T>;\n  state: PickerState<T, F>;\n  multiple?: boolean;\n}\n\nexport function PickerTableListItem<T, F extends FiltersMap>(\n  props: PickerTableListItemProps<T, F>,\n) {\n  const {\n    dataHook,\n    showDivider,\n    keyedItem,\n    state,\n    primaryAction,\n    primaryActionWidth = 'auto',\n    title,\n    subtitle,\n    extraNode,\n    disabled,\n    checkbox,\n    multiple,\n    options: optionsProp = [],\n    ...tableListItemProps\n  } = props;\n  const { collection } = state;\n  const name = collection.itemName(keyedItem.item);\n\n  const { start, end } = optionsProp.reduce(\n    (prev, current) => {\n      const column: TableListItemColumn = {\n        value: undefined,\n        ...current,\n      };\n      if (current.end) {\n        prev.end.push(column);\n      } else {\n        prev.start.push(column);\n      }\n      return prev;\n    },\n    {\n      start: [] as TableListItemColumn[],\n      end: [] as TableListItemColumn[],\n    },\n  );\n\n  if (!start.length) {\n    start.push(\n      {\n        align: 'left' as const,\n        width: '84px',\n        value: <Avatar size=\"size60\" name={name} />,\n      },\n      {\n        align: 'left' as const,\n        value: <Text dataHook=\"selector-title\">{name}</Text>,\n      },\n    );\n  }\n\n  const options: TableListItemColumn[] = [\n    ...start,\n    {\n      width: primaryActionWidth,\n      value: primaryAction || <ChevronRightLarge />,\n      align: 'right',\n    },\n    ...end,\n  ];\n\n  return (\n    <TableListItem\n      className={st(classes.root)}\n      verticalPadding=\"medium\"\n      dataHook={dataHook}\n      {...tableListItemProps}\n      options={options}\n    />\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/PickerTableListItem/PickerTableListItem.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_ = "PickerTableListItem1449050524";
+var _namespace_ = "PickerTableListItem2844782450";
 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": "PickerTableListItem1449050524__root"
+  "root": "PickerTableListItem2844782450__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerTableListItem/PickerTableListItem.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/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem1449050524\";\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\":\"PickerTableListItem1449050524__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,+BAA+B;AACjD,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;AAAqC,CAAC;AAC5D,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/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem2844782450\";\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\":\"PickerTableListItem2844782450__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,+BAA+B;AACjD,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;AAAqC,CAAC;AAC5D,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/PrimaryActions/PrimaryActions.js

@@ -5,7 +5,7 @@ exports.__esModule = true;
 exports.PrimaryActions = PrimaryActions;
 var _react = _interopRequireDefault(require("react"));
 var _ActionControl = require("../ActionControl/ActionControl");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _react2 = require("@wix/bex-core/react");
 var _useSelector = require("../../useSelector");
 var _bi = require("@wix/bex-core/bi");
@@ -36,7 +36,7 @@ function PrimaryActions({
       }));
     },
     actionItem: {
-      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Add, {
         __self: this,
         __source: {
           fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_ActionControl","_wixUiIconsCommon","_react2","_useSelector","_bi","_useIsMobile","_jsxFileName","PrimaryActions","subItems","props","initTask","translate","t","reportBi","useWixPatternsContainer","useSelector","status","isMobile","useIsMobile","subItemsGrouped","Array","isArray","default","createElement","ActionControl","size","undefined","fullWidth","onPopoverClick","cairoPageCtaClicked","location","pageType","ctaName","biName","ctaType","additionalInfo","biAdditionalInfo","actionItem","prefixIcon","Add","__self","__source","fileName","lineNumber","columnNumber","label","dataHook","map","subItem","onClick"],"sources":["../../../../src/components/PrimaryActions/PrimaryActions.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { ActionSubitem } from '../ActionControl/ActionSubItemProps';\nimport { ActionControl } from '../ActionControl/ActionControl';\nimport { Add } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useSelector } from '../../useSelector';\nimport { cairoPageCtaClicked } from '@wix/bex-core/bi';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nexport type PrimaryActionsElement = ReactElement<\n  ActionSubitem,\n  typeof PrimaryActions\n>;\n\nexport function PrimaryActions({ subItems, ...props }: ActionSubitem) {\n  const { initTask, translate: t, reportBi } = useWixPatternsContainer();\n  useSelector(() => initTask.status);\n  const isMobile = useIsMobile();\n\n  const subItemsGrouped = subItems\n    ? Array.isArray(subItems?.[0])\n      ? (subItems as ActionSubitem[][])\n      : [subItems as ActionSubitem[]]\n    : subItems;\n\n  return (\n    <ActionControl\n      size={isMobile ? 'small' : undefined}\n      fullWidth={isMobile}\n      onPopoverClick={() => {\n        reportBi(\n          cairoPageCtaClicked({\n            location: 'Collection Page Header',\n            pageType: 'Collection',\n            ctaName: props.biName ?? '',\n            ctaType: 'primary page dropdown',\n            additionalInfo: props.biAdditionalInfo,\n          }),\n        );\n      }}\n      actionItem={{\n        prefixIcon: <Add />,\n        label: t('cairo.page.primary.cta'),\n        dataHook: 'primary-actions',\n        ...props,\n        subItems: subItemsGrouped?.map((subItems) =>\n          subItems?.map((subItem) => ({\n            ...subItem,\n            onClick: () => {\n              reportBi(\n                cairoPageCtaClicked({\n                  location: 'Collection Page Header',\n                  pageType: 'Collection',\n                  ctaName: subItem.biName ?? '',\n                  ctaType: 'primary page option',\n                  additionalInfo: subItem.biAdditionalInfo,\n                }),\n              );\n              subItem.onClick?.();\n            },\n          })),\n        ),\n        onClick: () => {\n          reportBi(\n            cairoPageCtaClicked({\n              location: 'Collection Page Header',\n              pageType: 'Collection',\n              ctaName: props.biName ?? '',\n              ctaType: 'primary page button',\n              additionalInfo: props.biAdditionalInfo,\n            }),\n          );\n          props.onClick?.();\n        },\n      }}\n    />\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_ActionControl","_lazy","_react2","_useSelector","_bi","_useIsMobile","_jsxFileName","PrimaryActions","subItems","props","initTask","translate","t","reportBi","useWixPatternsContainer","useSelector","status","isMobile","useIsMobile","subItemsGrouped","Array","isArray","default","createElement","ActionControl","size","undefined","fullWidth","onPopoverClick","cairoPageCtaClicked","location","pageType","ctaName","biName","ctaType","additionalInfo","biAdditionalInfo","actionItem","prefixIcon","Add","__self","__source","fileName","lineNumber","columnNumber","label","dataHook","map","subItem","onClick"],"sources":["../../../../src/components/PrimaryActions/PrimaryActions.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { ActionSubitem } from '../ActionControl/ActionSubItemProps';\nimport { ActionControl } from '../ActionControl/ActionControl';\nimport { Add } from '@wix/wix-ui-icons-common/lazy';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useSelector } from '../../useSelector';\nimport { cairoPageCtaClicked } from '@wix/bex-core/bi';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nexport type PrimaryActionsElement = ReactElement<\n  ActionSubitem,\n  typeof PrimaryActions\n>;\n\nexport function PrimaryActions({ subItems, ...props }: ActionSubitem) {\n  const { initTask, translate: t, reportBi } = useWixPatternsContainer();\n  useSelector(() => initTask.status);\n  const isMobile = useIsMobile();\n\n  const subItemsGrouped = subItems\n    ? Array.isArray(subItems?.[0])\n      ? (subItems as ActionSubitem[][])\n      : [subItems as ActionSubitem[]]\n    : subItems;\n\n  return (\n    <ActionControl\n      size={isMobile ? 'small' : undefined}\n      fullWidth={isMobile}\n      onPopoverClick={() => {\n        reportBi(\n          cairoPageCtaClicked({\n            location: 'Collection Page Header',\n            pageType: 'Collection',\n            ctaName: props.biName ?? '',\n            ctaType: 'primary page dropdown',\n            additionalInfo: props.biAdditionalInfo,\n          }),\n        );\n      }}\n      actionItem={{\n        prefixIcon: <Add />,\n        label: t('cairo.page.primary.cta'),\n        dataHook: 'primary-actions',\n        ...props,\n        subItems: subItemsGrouped?.map((subItems) =>\n          subItems?.map((subItem) => ({\n            ...subItem,\n            onClick: () => {\n              reportBi(\n                cairoPageCtaClicked({\n                  location: 'Collection Page Header',\n                  pageType: 'Collection',\n                  ctaName: subItem.biName ?? '',\n                  ctaType: 'primary page option',\n                  additionalInfo: subItem.biAdditionalInfo,\n                }),\n              );\n              subItem.onClick?.();\n            },\n          })),\n        ),\n        onClick: () => {\n          reportBi(\n            cairoPageCtaClicked({\n              location: 'Collection Page Header',\n              pageType: 'Collection',\n              ctaName: props.biName ?? '',\n              ctaType: 'primary page button',\n              additionalInfo: props.biAdditionalInfo,\n            }),\n          );\n          props.onClick?.();\n        },\n      }}\n    />\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/PrimaryPageButton/PrimaryPageButton.js

@@ -6,7 +6,7 @@ exports.PrimaryPageButton = PrimaryPageButton;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _react2 = require("@wix/bex-core/react");
 var _bi = require("@wix/bex-core/bi");
 var _usePageButtonBiParams = require("../usePageButtonBiParams");
@@ -31,7 +31,7 @@ function PrimaryPageButton({
     location
   } = (0, _usePageButtonBiParams.usePageButtonBiParams)();
   return /*#__PURE__*/_react.default.createElement(_designSystem.Button, (0, _extends2.default)({}, rest, {
-    prefixIcon: prefixIcon ?? /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+    prefixIcon: prefixIcon ?? /*#__PURE__*/_react.default.createElement(_lazy.Add, {
       __self: this,
       __source: {
         fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_react2","_bi","_usePageButtonBiParams","_jsxFileName","PrimaryPageButton","onClick","text","prefixIcon","rest","translate","t","reportBi","useWixPatternsContainer","content","pageType","location","usePageButtonBiParams","default","createElement","Button","_extends2","Add","__self","__source","fileName","lineNumber","columnNumber","size","skin","as","e","cairoPageCtaClicked","ctaName","ctaType","componentType","section"],"sources":["../../../../src/components/PrimaryPageButton/PrimaryPageButton.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { Button, ButtonProps } from '@wix/design-system';\nimport { Add } from '@wix/wix-ui-icons-common';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { cairoPageCtaClicked } from '@wix/bex-core/bi';\nimport { usePageButtonBiParams } from '../usePageButtonBiParams';\n\ninterface PrimaryPageButtonBaseProps {\n  onClick: React.MouseEventHandler<HTMLButtonElement>;\n\n  /**\n   * The button content, defaults to \"Create New\"\n   * @external\n   */\n  text?: string;\n}\n\nexport type PrimaryPageButtonProps = PrimaryPageButtonBaseProps &\n  Omit<ButtonProps, 'children' | 'onClick' | 'size' | 'skin'>;\n\nexport type PrimaryPageButtonElement = ReactElement<\n  PrimaryPageButtonProps,\n  typeof PrimaryPageButton\n>;\n\n/**\n * @deprecated\n * Use `PrimaryActions` component instead.\n */\nexport function PrimaryPageButton({\n  onClick,\n  text,\n  prefixIcon,\n  ...rest\n}: PrimaryPageButtonProps) {\n  const { translate: t, reportBi } = useWixPatternsContainer();\n  const content = text ?? t('cairo.page.primary.cta');\n  const { pageType, location } = usePageButtonBiParams();\n\n  return (\n    <Button\n      {...rest}\n      prefixIcon={prefixIcon ?? <Add />}\n      size=\"medium\"\n      skin=\"standard\"\n      as=\"button\"\n      onClick={(e) => {\n        reportBi(\n          cairoPageCtaClicked({\n            ctaName: content,\n            ctaType: 'Primary Page Button',\n            location,\n            componentType: 'Page',\n            pageType,\n            section: 'Vertical',\n          }),\n        );\n\n        onClick(e);\n      }}\n    >\n      {content}\n    </Button>\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,GAAA,GAAAJ,OAAA;AACA,IAAAK,sBAAA,GAAAL,OAAA;AAAiE,IAAAM,YAAA;AAoBjE;AACA;AACA;AACA;AACO,SAASC,iBAAiBA,CAAC;EAChCC,OAAO;EACPC,IAAI;EACJC,UAAU;EACV,GAAGC;AACmB,CAAC,EAAE;EACzB,MAAM;IAAEC,SAAS,EAAEC,CAAC;IAAEC;EAAS,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC5D,MAAMC,OAAO,GAAGP,IAAI,IAAII,CAAC,CAAC,wBAAwB,CAAC;EACnD,MAAM;IAAEI,QAAQ;IAAEC;EAAS,CAAC,GAAG,IAAAC,4CAAqB,EAAC,CAAC;EAEtD,oBACErB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAqB,MAAM,MAAAC,SAAA,CAAAH,OAAA,MACDT,IAAI;IACRD,UAAU,EAAEA,UAAU,iBAAIZ,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACnB,iBAAA,CAAAsB,GAAG;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAClCC,IAAI,EAAC,QAAQ;IACbC,IAAI,EAAC,UAAU;IACfC,EAAE,EAAC,QAAQ;IACXxB,OAAO,EAAGyB,CAAC,IAAK;MACdnB,QAAQ,CACN,IAAAoB,uBAAmB,EAAC;QAClBC,OAAO,EAAEnB,OAAO;QAChBoB,OAAO,EAAE,qBAAqB;QAC9BlB,QAAQ;QACRmB,aAAa,EAAE,MAAM;QACrBpB,QAAQ;QACRqB,OAAO,EAAE;MACX,CAAC,CACH,CAAC;MAED9B,OAAO,CAACyB,CAAC,CAAC;IACZ,CAAE;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEDb,OACK,CAAC;AAEb","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_react2","_bi","_usePageButtonBiParams","_jsxFileName","PrimaryPageButton","onClick","text","prefixIcon","rest","translate","t","reportBi","useWixPatternsContainer","content","pageType","location","usePageButtonBiParams","default","createElement","Button","_extends2","Add","__self","__source","fileName","lineNumber","columnNumber","size","skin","as","e","cairoPageCtaClicked","ctaName","ctaType","componentType","section"],"sources":["../../../../src/components/PrimaryPageButton/PrimaryPageButton.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { Button, ButtonProps } from '@wix/design-system';\nimport { Add } from '@wix/wix-ui-icons-common/lazy';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { cairoPageCtaClicked } from '@wix/bex-core/bi';\nimport { usePageButtonBiParams } from '../usePageButtonBiParams';\n\ninterface PrimaryPageButtonBaseProps {\n  onClick: React.MouseEventHandler<HTMLButtonElement>;\n\n  /**\n   * The button content, defaults to \"Create New\"\n   * @external\n   */\n  text?: string;\n}\n\nexport type PrimaryPageButtonProps = PrimaryPageButtonBaseProps &\n  Omit<ButtonProps, 'children' | 'onClick' | 'size' | 'skin'>;\n\nexport type PrimaryPageButtonElement = ReactElement<\n  PrimaryPageButtonProps,\n  typeof PrimaryPageButton\n>;\n\n/**\n * @deprecated\n * Use `PrimaryActions` component instead.\n */\nexport function PrimaryPageButton({\n  onClick,\n  text,\n  prefixIcon,\n  ...rest\n}: PrimaryPageButtonProps) {\n  const { translate: t, reportBi } = useWixPatternsContainer();\n  const content = text ?? t('cairo.page.primary.cta');\n  const { pageType, location } = usePageButtonBiParams();\n\n  return (\n    <Button\n      {...rest}\n      prefixIcon={prefixIcon ?? <Add />}\n      size=\"medium\"\n      skin=\"standard\"\n      as=\"button\"\n      onClick={(e) => {\n        reportBi(\n          cairoPageCtaClicked({\n            ctaName: content,\n            ctaType: 'Primary Page Button',\n            location,\n            componentType: 'Page',\n            pageType,\n            section: 'Vertical',\n          }),\n        );\n\n        onClick(e);\n      }}\n    >\n      {content}\n    </Button>\n  );\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,GAAA,GAAAJ,OAAA;AACA,IAAAK,sBAAA,GAAAL,OAAA;AAAiE,IAAAM,YAAA;AAoBjE;AACA;AACA;AACA;AACO,SAASC,iBAAiBA,CAAC;EAChCC,OAAO;EACPC,IAAI;EACJC,UAAU;EACV,GAAGC;AACmB,CAAC,EAAE;EACzB,MAAM;IAAEC,SAAS,EAAEC,CAAC;IAAEC;EAAS,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC5D,MAAMC,OAAO,GAAGP,IAAI,IAAII,CAAC,CAAC,wBAAwB,CAAC;EACnD,MAAM;IAAEI,QAAQ;IAAEC;EAAS,CAAC,GAAG,IAAAC,4CAAqB,EAAC,CAAC;EAEtD,oBACErB,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACpB,aAAA,CAAAqB,MAAM,MAAAC,SAAA,CAAAH,OAAA,MACDT,IAAI;IACRD,UAAU,EAAEA,UAAU,iBAAIZ,MAAA,CAAAsB,OAAA,CAAAC,aAAA,CAACnB,KAAA,CAAAsB,GAAG;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAClCC,IAAI,EAAC,QAAQ;IACbC,IAAI,EAAC,UAAU;IACfC,EAAE,EAAC,QAAQ;IACXxB,OAAO,EAAGyB,CAAC,IAAK;MACdnB,QAAQ,CACN,IAAAoB,uBAAmB,EAAC;QAClBC,OAAO,EAAEnB,OAAO;QAChBoB,OAAO,EAAE,qBAAqB;QAC9BlB,QAAQ;QACRmB,aAAa,EAAE,MAAM;QACrBpB,QAAQ;QACRqB,OAAO,EAAE;MACX,CAAC,CACH,CAAC;MAED9B,OAAO,CAACyB,CAAC,CAAC;IACZ,CAAE;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,IAEDb,OACK,CAAC;AAEb","ignoreList":[]}

package/dist/cjs/components/RequestId/RequestId.js

@@ -4,7 +4,7 @@ exports.__esModule = true;
 exports.RequestId = void 0;
 var _designSystem = require("@wix/design-system");
 var _react = _interopRequireWildcard(require("react"));
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/RequestId/RequestId.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const RequestId = props => {
@@ -110,7 +110,7 @@ const RequestId = props => {
     as: "button",
     ariaLabel: "click me for details",
     dataHook: "request-id-trigger-element",
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.InfoCircleSmall, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.InfoCircleSmall, {
       fill: appearanceStyle.infoIconColor,
       cursor: "default",
       __self: void 0,
@@ -181,7 +181,7 @@ const RequestId = props => {
     isCopied,
     copyToClipboard
   }) => /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DuplicateSmall, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.DuplicateSmall, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_wixUiIconsCommon","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RequestId","props","value","appearance","locale","dataHook","firstValue","split","messages","setMessages","React","useState","useEffect","loadMessages","module","specifier","Promise","then","s","error","shown","setShown","openPopover","closePopover","appearanceStyle","useMemo","infoIconColor","textSize","textLight","createElement","Box","gap","justifyItems","__self","__source","fileName","lineNumber","columnNumber","placeItems","Text","size","weight","light","secondary","Popover","showArrow","animate","placement","onMouseEnter","onMouseLeave","zIndex","appendTo","Element","TextButton","as","ariaLabel","prefixIcon","InfoCircleSmall","fill","cursor","Content","padding","width","display","skin","description","marginTop","CopyClipboard","isCopied","copyToClipboard","DuplicateSmall","onClick","copiedSuccess","cta","exports"],"sources":["../../../../src/components/RequestId/RequestId.tsx"],"sourcesContent":["import {\n  Box,\n  CopyClipboard,\n  Popover,\n  Text,\n  TextButton,\n  TextSize,\n} from '@wix/design-system';\nimport React, { useEffect, useMemo } from 'react';\nimport { DuplicateSmall, InfoCircleSmall } from '@wix/wix-ui-icons-common';\n\nexport interface RequestIdProps {\n  /**\n   * Request ID value.\n   * @external\n   */\n  value: string;\n  /**\n   * Appearance of the component.\n   * @external\n   */\n  appearance?: 'standard' | 'light';\n  /**\n   * Locale to use for translations.\n   * @external\n   */\n  locale: string;\n  /**\n   * Data hook for testing purposes\n   * @external\n   */\n  dataHook?: string;\n}\n\nexport const RequestId = (props: RequestIdProps) => {\n  const { value, appearance, locale, dataHook = 'request-id' } = props;\n\n  const firstValue = value.split(',')[0];\n  const [messages, setMessages] = React.useState<{\n    description: string;\n    cta: string;\n    copiedSuccess: string;\n  } | null>(null);\n\n  useEffect(() => {\n    const loadMessages = async () => {\n      try {\n        const module = await import(\n          /* webpackChunkName: `request-id-locale-messages-[request]-json` */ `./assets/locale/messages_${locale}.json`\n        );\n        setMessages(module.default);\n      } catch (error) {\n        setMessages(require('./assets/locale/messages_en.json'));\n      }\n    };\n\n    loadMessages();\n  }, [locale]);\n\n  const [shown, setShown] = React.useState(false);\n  const openPopover = () => setShown(true);\n  const closePopover = () => setShown(false);\n\n  const appearanceStyle = useMemo(() => {\n    if (appearance === 'light') {\n      return {\n        infoIconColor: 'var(--wsr-color-D40, #868aa5)',\n        textSize: 'small' as TextSize,\n        textLight: true,\n      };\n    }\n    return {\n      infoIconColor: 'var(--wsr-color-100, #116DFF)',\n      textSize: 'tiny' as TextSize,\n      textLight: false,\n    };\n  }, [appearance]);\n\n  return (\n    <Box gap=\"3px\" dataHook={dataHook} justifyItems=\"center\">\n      <Box placeItems=\"center\">\n        <Text\n          size={appearanceStyle.textSize}\n          weight=\"thin\"\n          light={appearanceStyle.textLight}\n          secondary\n          dataHook=\"request-id-value\"\n        >\n          {`Request ID: ${firstValue}`}\n        </Text>\n      </Box>\n      <Popover\n        showArrow\n        animate\n        placement=\"auto\"\n        shown={shown}\n        onMouseEnter={() => openPopover()}\n        onMouseLeave={() => closePopover()}\n        dataHook=\"request-id-popover\"\n        zIndex={6000} // showToast z-index is 5500\n        appendTo=\"window\"\n      >\n        <Popover.Element>\n          <Box>\n            <TextButton\n              size=\"small\"\n              as=\"button\"\n              ariaLabel=\"click me for details\"\n              dataHook=\"request-id-trigger-element\"\n              prefixIcon={\n                <InfoCircleSmall\n                  fill={appearanceStyle.infoIconColor}\n                  cursor=\"default\"\n                />\n              }\n            />\n          </Box>\n        </Popover.Element>\n        <Popover.Content>\n          <Box padding=\"24px 24px\" width={350} display=\"block\">\n            <div>\n              <Text\n                size=\"small\"\n                skin=\"standard\"\n                weight=\"thin\"\n                dataHook=\"request-id-description\"\n              >\n                {messages?.description}\n              </Text>\n            </div>\n            <Box marginTop={2}>\n              <CopyClipboard value={value}>\n                {({ isCopied, copyToClipboard }) => (\n                  <TextButton\n                    prefixIcon={<DuplicateSmall />}\n                    size=\"small\"\n                    onClick={() => copyToClipboard()}\n                    dataHook=\"request-id-copy-button\"\n                  >\n                    {isCopied ? messages?.copiedSuccess : messages?.cta}\n                  </TextButton>\n                )}\n              </CopyClipboard>\n            </Box>\n          </Box>\n        </Popover.Content>\n      </Popover>\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_lazy","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","RequestId","props","value","appearance","locale","dataHook","firstValue","split","messages","setMessages","React","useState","useEffect","loadMessages","module","specifier","Promise","then","s","error","shown","setShown","openPopover","closePopover","appearanceStyle","useMemo","infoIconColor","textSize","textLight","createElement","Box","gap","justifyItems","__self","__source","fileName","lineNumber","columnNumber","placeItems","Text","size","weight","light","secondary","Popover","showArrow","animate","placement","onMouseEnter","onMouseLeave","zIndex","appendTo","Element","TextButton","as","ariaLabel","prefixIcon","InfoCircleSmall","fill","cursor","Content","padding","width","display","skin","description","marginTop","CopyClipboard","isCopied","copyToClipboard","DuplicateSmall","onClick","copiedSuccess","cta","exports"],"sources":["../../../../src/components/RequestId/RequestId.tsx"],"sourcesContent":["import {\n  Box,\n  CopyClipboard,\n  Popover,\n  Text,\n  TextButton,\n  TextSize,\n} from '@wix/design-system';\nimport React, { useEffect, useMemo } from 'react';\nimport { DuplicateSmall, InfoCircleSmall } from '@wix/wix-ui-icons-common/lazy';\n\nexport interface RequestIdProps {\n  /**\n   * Request ID value.\n   * @external\n   */\n  value: string;\n  /**\n   * Appearance of the component.\n   * @external\n   */\n  appearance?: 'standard' | 'light';\n  /**\n   * Locale to use for translations.\n   * @external\n   */\n  locale: string;\n  /**\n   * Data hook for testing purposes\n   * @external\n   */\n  dataHook?: string;\n}\n\nexport const RequestId = (props: RequestIdProps) => {\n  const { value, appearance, locale, dataHook = 'request-id' } = props;\n\n  const firstValue = value.split(',')[0];\n  const [messages, setMessages] = React.useState<{\n    description: string;\n    cta: string;\n    copiedSuccess: string;\n  } | null>(null);\n\n  useEffect(() => {\n    const loadMessages = async () => {\n      try {\n        const module = await import(\n          /* webpackChunkName: `request-id-locale-messages-[request]-json` */ `./assets/locale/messages_${locale}.json`\n        );\n        setMessages(module.default);\n      } catch (error) {\n        setMessages(require('./assets/locale/messages_en.json'));\n      }\n    };\n\n    loadMessages();\n  }, [locale]);\n\n  const [shown, setShown] = React.useState(false);\n  const openPopover = () => setShown(true);\n  const closePopover = () => setShown(false);\n\n  const appearanceStyle = useMemo(() => {\n    if (appearance === 'light') {\n      return {\n        infoIconColor: 'var(--wsr-color-D40, #868aa5)',\n        textSize: 'small' as TextSize,\n        textLight: true,\n      };\n    }\n    return {\n      infoIconColor: 'var(--wsr-color-100, #116DFF)',\n      textSize: 'tiny' as TextSize,\n      textLight: false,\n    };\n  }, [appearance]);\n\n  return (\n    <Box gap=\"3px\" dataHook={dataHook} justifyItems=\"center\">\n      <Box placeItems=\"center\">\n        <Text\n          size={appearanceStyle.textSize}\n          weight=\"thin\"\n          light={appearanceStyle.textLight}\n          secondary\n          dataHook=\"request-id-value\"\n        >\n          {`Request ID: ${firstValue}`}\n        </Text>\n      </Box>\n      <Popover\n        showArrow\n        animate\n        placement=\"auto\"\n        shown={shown}\n        onMouseEnter={() => openPopover()}\n        onMouseLeave={() => closePopover()}\n        dataHook=\"request-id-popover\"\n        zIndex={6000} // showToast z-index is 5500\n        appendTo=\"window\"\n      >\n        <Popover.Element>\n          <Box>\n            <TextButton\n              size=\"small\"\n              as=\"button\"\n              ariaLabel=\"click me for details\"\n              dataHook=\"request-id-trigger-element\"\n              prefixIcon={\n                <InfoCircleSmall\n                  fill={appearanceStyle.infoIconColor}\n                  cursor=\"default\"\n                />\n              }\n            />\n          </Box>\n        </Popover.Element>\n        <Popover.Content>\n          <Box padding=\"24px 24px\" width={350} display=\"block\">\n            <div>\n              <Text\n                size=\"small\"\n                skin=\"standard\"\n                weight=\"thin\"\n                dataHook=\"request-id-description\"\n              >\n                {messages?.description}\n              </Text>\n            </div>\n            <Box marginTop={2}>\n              <CopyClipboard value={value}>\n                {({ isCopied, copyToClipboard }) => (\n                  <TextButton\n                    prefixIcon={<DuplicateSmall />}\n                    size=\"small\"\n                    onClick={() => copyToClipboard()}\n                    dataHook=\"request-id-copy-button\"\n                  >\n                    {isCopied ? messages?.copiedSuccess : messages?.cta}\n                  </TextButton>\n                )}\n              </CopyClipboard>\n            </Box>\n          </Box>\n        </Popover.Content>\n      </Popover>\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/ResponsiveButton/ResponsiveButton.js

@@ -9,6 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _PatternsThemeProvider = require("../../themes/PatternsThemeProvider");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/ResponsiveButton/ResponsiveButton.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const _ResponsiveButton = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
@@ -35,6 +36,7 @@ const _ResponsiveButton = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   const {
     responsiveDisabled
   } = responsive;
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const shouldShrink = responsiveDisabled ? shouldShrinkProp : state._shouldShrink;
   return shouldShrink ? /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
     content: children,
@@ -42,7 +44,7 @@ const _ResponsiveButton = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 50,
+      lineNumber: 52,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -51,19 +53,19 @@ const _ResponsiveButton = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 54,
+      lineNumber: 56,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, (0, _extends2.default)({
     ref: ref
   }, rest, {
+    priority: isBmHarmonyTheme ? 'tertiary' : 'secondary',
     dataHook: dataHook,
     size: sizes.small,
-    priority: "secondary",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 55,
+      lineNumber: 57,
       columnNumber: 11
     }
   }), icon))) : /*#__PURE__*/_react.default.createElement("div", {
@@ -73,7 +75,7 @@ const _ResponsiveButton = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 67,
+      lineNumber: 69,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Button, (0, _extends2.default)({
@@ -82,13 +84,13 @@ const _ResponsiveButton = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   }, rest, {
     dataHook: dataHook,
     size: sizes.small,
-    priority: "secondary",
+    priority: isBmHarmonyTheme ? 'tertiary' : 'secondary',
     prefixIcon: icon,
     suffixIcon: button.suffix,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 68,
+      lineNumber: 70,
       columnNumber: 9
     }
   }), children));

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

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_ToolbarCollectionContext","_PatternsThemeProvider","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ResponsiveButton","forwardRef","props","ref","dataHook","as","icon","children","state","shouldShrink","shouldShrinkProp","rest","sizes","toolbar","button","usePatternsTheme","responsive","useToolbarCollectionContext","responsiveDisabled","_shouldShrink","createElement","Tooltip","content","undefined","__self","__source","fileName","lineNumber","columnNumber","Box","direction","minWidth","IconButton","_extends2","size","small","priority","style","display","Button","prefixIcon","suffixIcon","suffix","ResponsiveButton","exports","observer"],"sources":["../../../../src/components/ResponsiveButton/ResponsiveButton.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  ButtonAsButtonProps,\n  IconButton,\n  IconElement,\n  Tooltip,\n} from '@wix/design-system';\nimport React, { forwardRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ToolbarResponsivePriorityState } from '../../state/Toolbar/ToolbarResponsivePriorityState';\nimport { usePatternsTheme } from '../../themes/PatternsThemeProvider';\n\nexport type ResponsiveButtonProps = ButtonAsButtonProps<{\n  dataHook?: string;\n  icon?: IconElement;\n  state: ToolbarResponsivePriorityState;\n  shouldShrink?: boolean;\n}>;\n\nconst _ResponsiveButton = forwardRef<Button, ResponsiveButtonProps>(\n  (props, ref) => {\n    const {\n      dataHook,\n      as,\n      icon,\n      children,\n      state,\n      shouldShrink: shouldShrinkProp = true,\n      ...rest\n    } = props;\n\n    const {\n      sizes,\n      toolbar: { button },\n    } = usePatternsTheme();\n\n    const {\n      toolbar: { responsive },\n    } = useToolbarCollectionContext();\n\n    const { responsiveDisabled } = responsive;\n\n    const shouldShrink = responsiveDisabled\n      ? shouldShrinkProp\n      : state._shouldShrink;\n\n    return shouldShrink ? (\n      <Tooltip\n        content={children}\n        dataHook={dataHook ? `${dataHook}-tooltip` : undefined}\n      >\n        <Box direction=\"vertical\" minWidth=\"30px\">\n          <IconButton\n            ref={ref}\n            {...rest}\n            dataHook={dataHook}\n            size={sizes.small}\n            priority=\"secondary\"\n          >\n            {icon}\n          </IconButton>\n        </Box>\n      </Tooltip>\n    ) : (\n      <div style={{ display: 'contents' }}>\n        <Button\n          ref={ref}\n          as={as}\n          {...rest}\n          dataHook={dataHook}\n          size={sizes.small}\n          priority=\"secondary\"\n          prefixIcon={icon}\n          suffixIcon={button.suffix}\n        >\n          {children}\n        </Button>\n      </div>\n    );\n  },\n);\n\nexport const ResponsiveButton = observer(_ResponsiveButton);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireWildcard","_mobxReactLite","_ToolbarCollectionContext","_PatternsThemeProvider","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_ResponsiveButton","forwardRef","props","ref","dataHook","as","icon","children","state","shouldShrink","shouldShrinkProp","rest","sizes","toolbar","button","usePatternsTheme","responsive","useToolbarCollectionContext","responsiveDisabled","isBmHarmonyTheme","useBmHarmonyTheme","_shouldShrink","createElement","Tooltip","content","undefined","__self","__source","fileName","lineNumber","columnNumber","Box","direction","minWidth","IconButton","_extends2","priority","size","small","style","display","Button","prefixIcon","suffixIcon","suffix","ResponsiveButton","exports","observer"],"sources":["../../../../src/components/ResponsiveButton/ResponsiveButton.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  ButtonAsButtonProps,\n  IconButton,\n  IconElement,\n  Tooltip,\n} from '@wix/design-system';\nimport React, { forwardRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ToolbarResponsivePriorityState } from '../../state/Toolbar/ToolbarResponsivePriorityState';\nimport { usePatternsTheme } from '../../themes/PatternsThemeProvider';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport type ResponsiveButtonProps = ButtonAsButtonProps<{\n  dataHook?: string;\n  icon?: IconElement;\n  state: ToolbarResponsivePriorityState;\n  shouldShrink?: boolean;\n}>;\n\nconst _ResponsiveButton = forwardRef<Button, ResponsiveButtonProps>(\n  (props, ref) => {\n    const {\n      dataHook,\n      as,\n      icon,\n      children,\n      state,\n      shouldShrink: shouldShrinkProp = true,\n      ...rest\n    } = props;\n\n    const {\n      sizes,\n      toolbar: { button },\n    } = usePatternsTheme();\n\n    const {\n      toolbar: { responsive },\n    } = useToolbarCollectionContext();\n\n    const { responsiveDisabled } = responsive;\n    const isBmHarmonyTheme = useBmHarmonyTheme();\n\n    const shouldShrink = responsiveDisabled\n      ? shouldShrinkProp\n      : state._shouldShrink;\n\n    return shouldShrink ? (\n      <Tooltip\n        content={children}\n        dataHook={dataHook ? `${dataHook}-tooltip` : undefined}\n      >\n        <Box direction=\"vertical\" minWidth=\"30px\">\n          <IconButton\n            ref={ref}\n            {...rest}\n            priority={isBmHarmonyTheme ? 'tertiary' : 'secondary'}\n            dataHook={dataHook}\n            size={sizes.small}\n          >\n            {icon}\n          </IconButton>\n        </Box>\n      </Tooltip>\n    ) : (\n      <div style={{ display: 'contents' }}>\n        <Button\n          ref={ref}\n          as={as}\n          {...rest}\n          dataHook={dataHook}\n          size={sizes.small}\n          priority={isBmHarmonyTheme ? 'tertiary' : 'secondary'}\n          prefixIcon={icon}\n          suffixIcon={button.suffix}\n        >\n          {children}\n        </Button>\n      </div>\n    );\n  },\n);\n\nexport const ResponsiveButton = observer(_ResponsiveButton);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/SchemaCard/SchemaCard.js

@@ -14,7 +14,7 @@ var _CustomColumnsEntityPagePanelMount = require("../CustomColumnsPanel/CustomCo
 var _SchemaContext = require("../../providers/SchemaContext");
 var _CustomColumnsDragAndDrop = require("../CustomColumns/CustomColumnsDragAndDrop");
 var _SchemaCardState = require("../../state/SchemaCard/SchemaCardState");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/SchemaCard/SchemaCard.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 _SchemaCard({
@@ -122,7 +122,7 @@ function _SchemaCard({
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
     dataHook: "schema-card-add-field",
     onClick: schemaContext.addField,
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Add, {
       __self: this,
       __source: {
         fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_react2","_SidePanelsState","_CustomColumnsEntityPageState","_CustomColumnsEntityPagePanelMount","_SchemaContext","_CustomColumnsDragAndDrop","_SchemaCardState","_wixUiIconsCommon","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_SchemaCard","title","subtitle","renderField","rest","container","useWixPatternsContainer","translate","modalsContainerRef","usePageContext","schemaContext","useSchemaContext","schema","fields","useMemo","keys","filter","id","map","schemaCardState","useState","length","SchemaCardState","persistencyKey","useEffect","init","fieldsState","state","panels","SidePanelsState","panelGroupName","CustomColumnsEntityPageState","showFieldTypeIcons","dragAndDrop","CustomColumnsDragAndDrop","createElement","Card","_extends2","__self","__source","fileName","lineNumber","columnNumber","Header","suffix","Button","size","priority","dataHook","onClick","toggleSidePanel","undefined","Divider","Content","Layout","orderedFields","isFieldVisible","addField","Box","padding","boxSizing","width","TextButton","prefixIcon","Add","CustomColumnsEntityPagePanelMount","displayName","SchemaCard","exports","observer"],"sources":["../../../../src/components/SchemaCard/SchemaCard.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport {\n  TextButton,\n  Box,\n  Button,\n  Card,\n  CardProps,\n  Layout,\n} from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer, usePageContext } from '@wix/bex-core/react';\nimport { SidePanelsState } from '../../state/SidePanelsState';\nimport { CustomColumnsEntityPageState } from '../../state/CustomColumnsEntityPageState';\nimport { CustomColumnsEntityPagePanelMount } from '../CustomColumnsPanel/CustomColumnsEntityPagePanelMount';\nimport { useSchemaContext } from '../../providers/SchemaContext';\nimport { CustomColumnsDragAndDrop } from '../CustomColumns/CustomColumnsDragAndDrop';\nimport { SchemaCardState } from '../../state/SchemaCard/SchemaCardState';\nimport { Add } from '@wix/wix-ui-icons-common';\n\nexport interface SchemaCardProps extends Omit<CardProps, 'children'> {\n  title: string;\n  subtitle?: string;\n  renderField: (fieldId: string) => React.ReactNode;\n}\n\nfunction _SchemaCard({\n  title,\n  subtitle,\n  renderField,\n  ...rest\n}: SchemaCardProps) {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n  const { modalsContainerRef } = usePageContext();\n  const schemaContext = useSchemaContext();\n  const schema = schemaContext?.schema;\n\n  const fields = useMemo(\n    () =>\n      schema\n        ? Object.keys(schema.fields)\n            .filter((id) => schema.fields[id])\n            .map((id) => ({ id }))\n        : [],\n    [schema?.fields],\n  );\n\n  const [schemaCardState] = useState(() =>\n    schema && fields.length > 0\n      ? new SchemaCardState({\n          fields,\n          persistencyKey: schema.id,\n          container,\n        })\n      : null,\n  );\n\n  useEffect(() => schemaCardState?.init(), []);\n\n  const fieldsState = schemaCardState?.fieldsState;\n\n  const state = useMemo(() => {\n    if (!fieldsState || !schema) {\n      return null;\n    }\n    const panels = new SidePanelsState({\n      container,\n      panelGroupName: 'entity-page',\n    });\n    return new CustomColumnsEntityPageState({\n      container,\n      panels,\n      fieldsState,\n      schema,\n      showFieldTypeIcons: true,\n      dragAndDrop: CustomColumnsDragAndDrop,\n      modalsContainerRef,\n    });\n  }, [fieldsState, schema]);\n\n  return (\n    <Card {...rest}>\n      <Card.Header\n        title={title}\n        subtitle={subtitle}\n        suffix={\n          state ? (\n            <Button\n              size=\"small\"\n              priority=\"secondary\"\n              dataHook=\"schema-card-manage-fields-button\"\n              onClick={() => state.panels.toggleSidePanel('customColumns')}\n            >\n              {t('cairo.table.manage-fields.button.cta')}\n            </Button>\n          ) : undefined\n        }\n      />\n      <Card.Divider />\n      <Card.Content>\n        <Layout>\n          {fieldsState &&\n            fieldsState.orderedFields\n              .filter((f) => fieldsState.isFieldVisible(f.id))\n              .map((f) => renderField(f.id))}\n        </Layout>\n      </Card.Content>\n      {schemaContext?.addField && (\n        <Box padding=\"SP4\" boxSizing=\"border-box\" width=\"100%\">\n          <TextButton\n            dataHook=\"schema-card-add-field\"\n            onClick={schemaContext.addField}\n            prefixIcon={<Add />}\n          >\n            {t('cairo.customFields.addCustomField.CTA')}\n          </TextButton>\n        </Box>\n      )}\n      {state && <CustomColumnsEntityPagePanelMount state={state} />}\n    </Card>\n  );\n}\n\n_SchemaCard.displayName = 'SchemaCard';\n\nexport const SchemaCard = observer(_SchemaCard);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_react2","_SidePanelsState","_CustomColumnsEntityPageState","_CustomColumnsEntityPagePanelMount","_SchemaContext","_CustomColumnsDragAndDrop","_SchemaCardState","_lazy","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_SchemaCard","title","subtitle","renderField","rest","container","useWixPatternsContainer","translate","modalsContainerRef","usePageContext","schemaContext","useSchemaContext","schema","fields","useMemo","keys","filter","id","map","schemaCardState","useState","length","SchemaCardState","persistencyKey","useEffect","init","fieldsState","state","panels","SidePanelsState","panelGroupName","CustomColumnsEntityPageState","showFieldTypeIcons","dragAndDrop","CustomColumnsDragAndDrop","createElement","Card","_extends2","__self","__source","fileName","lineNumber","columnNumber","Header","suffix","Button","size","priority","dataHook","onClick","toggleSidePanel","undefined","Divider","Content","Layout","orderedFields","isFieldVisible","addField","Box","padding","boxSizing","width","TextButton","prefixIcon","Add","CustomColumnsEntityPagePanelMount","displayName","SchemaCard","exports","observer"],"sources":["../../../../src/components/SchemaCard/SchemaCard.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport {\n  TextButton,\n  Box,\n  Button,\n  Card,\n  CardProps,\n  Layout,\n} from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer, usePageContext } from '@wix/bex-core/react';\nimport { SidePanelsState } from '../../state/SidePanelsState';\nimport { CustomColumnsEntityPageState } from '../../state/CustomColumnsEntityPageState';\nimport { CustomColumnsEntityPagePanelMount } from '../CustomColumnsPanel/CustomColumnsEntityPagePanelMount';\nimport { useSchemaContext } from '../../providers/SchemaContext';\nimport { CustomColumnsDragAndDrop } from '../CustomColumns/CustomColumnsDragAndDrop';\nimport { SchemaCardState } from '../../state/SchemaCard/SchemaCardState';\nimport { Add } from '@wix/wix-ui-icons-common/lazy';\n\nexport interface SchemaCardProps extends Omit<CardProps, 'children'> {\n  title: string;\n  subtitle?: string;\n  renderField: (fieldId: string) => React.ReactNode;\n}\n\nfunction _SchemaCard({\n  title,\n  subtitle,\n  renderField,\n  ...rest\n}: SchemaCardProps) {\n  const container = useWixPatternsContainer();\n  const { translate: t } = container;\n  const { modalsContainerRef } = usePageContext();\n  const schemaContext = useSchemaContext();\n  const schema = schemaContext?.schema;\n\n  const fields = useMemo(\n    () =>\n      schema\n        ? Object.keys(schema.fields)\n            .filter((id) => schema.fields[id])\n            .map((id) => ({ id }))\n        : [],\n    [schema?.fields],\n  );\n\n  const [schemaCardState] = useState(() =>\n    schema && fields.length > 0\n      ? new SchemaCardState({\n          fields,\n          persistencyKey: schema.id,\n          container,\n        })\n      : null,\n  );\n\n  useEffect(() => schemaCardState?.init(), []);\n\n  const fieldsState = schemaCardState?.fieldsState;\n\n  const state = useMemo(() => {\n    if (!fieldsState || !schema) {\n      return null;\n    }\n    const panels = new SidePanelsState({\n      container,\n      panelGroupName: 'entity-page',\n    });\n    return new CustomColumnsEntityPageState({\n      container,\n      panels,\n      fieldsState,\n      schema,\n      showFieldTypeIcons: true,\n      dragAndDrop: CustomColumnsDragAndDrop,\n      modalsContainerRef,\n    });\n  }, [fieldsState, schema]);\n\n  return (\n    <Card {...rest}>\n      <Card.Header\n        title={title}\n        subtitle={subtitle}\n        suffix={\n          state ? (\n            <Button\n              size=\"small\"\n              priority=\"secondary\"\n              dataHook=\"schema-card-manage-fields-button\"\n              onClick={() => state.panels.toggleSidePanel('customColumns')}\n            >\n              {t('cairo.table.manage-fields.button.cta')}\n            </Button>\n          ) : undefined\n        }\n      />\n      <Card.Divider />\n      <Card.Content>\n        <Layout>\n          {fieldsState &&\n            fieldsState.orderedFields\n              .filter((f) => fieldsState.isFieldVisible(f.id))\n              .map((f) => renderField(f.id))}\n        </Layout>\n      </Card.Content>\n      {schemaContext?.addField && (\n        <Box padding=\"SP4\" boxSizing=\"border-box\" width=\"100%\">\n          <TextButton\n            dataHook=\"schema-card-add-field\"\n            onClick={schemaContext.addField}\n            prefixIcon={<Add />}\n          >\n            {t('cairo.customFields.addCustomField.CTA')}\n          </TextButton>\n        </Box>\n      )}\n      {state && <CustomColumnsEntityPagePanelMount state={state} />}\n    </Card>\n  );\n}\n\n_SchemaCard.displayName = 'SchemaCard';\n\nexport const SchemaCard = observer(_SchemaCard);\n"],"mappings":"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","ignoreList":[]}