npm - @wix/patterns - Versions diffs - 1.430.0 → 1.432.0 - Mend

@wix/patterns 1.430.0 → 1.432.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1490) hide show

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.js CHANGED Viewed

@@ -85,12 +85,20 @@ const _CustomFieldsViewWidgetSection = ({
             }
           });
         }
+      // A value that isn't a date renders blank rather than throwing out of
+      // render — see FieldCell's date cases.
       case 'date':
-        newValue = dateFormatters.medium.format((0, _datesUtil.getDateWithoutTimezone)(value));
-        break;
+        {
+          const date = (0, _datesUtil.getDateWithoutTimezone)(value);
+          newValue = date ? dateFormatters.medium.format(date) : '';
+          break;
+        }
       case 'dateTime':
-        newValue = dateFormatters.mediumTime.format(new Date(value));
-        break;
+        {
+          const dateTime = (0, _datesUtil.parseDate)(value);
+          newValue = dateTime ? dateFormatters.mediumTime.format(dateTime) : '';
+          break;
+        }
       case 'checkbox':
         newValue = value ? t('cairo.customFields.booleanValue.true') : t('cairo.customFields.booleanValue.false');
         break;
@@ -106,7 +114,7 @@ const _CustomFieldsViewWidgetSection = ({
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 93,
+            lineNumber: 99,
             columnNumber: 11
           }
         }, value);
@@ -123,7 +131,7 @@ const _CustomFieldsViewWidgetSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 113,
+      lineNumber: 119,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
@@ -132,7 +140,7 @@ const _CustomFieldsViewWidgetSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 118,
+      lineNumber: 124,
       columnNumber: 7
     }
   }, title && /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -140,7 +148,7 @@ const _CustomFieldsViewWidgetSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 120,
+      lineNumber: 126,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
@@ -150,7 +158,7 @@ const _CustomFieldsViewWidgetSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 121,
+      lineNumber: 127,
       columnNumber: 13
     }
   }, title)), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -158,7 +166,7 @@ const _CustomFieldsViewWidgetSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 130,
+      lineNumber: 136,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -169,7 +177,7 @@ const _CustomFieldsViewWidgetSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 131,
+      lineNumber: 137,
       columnNumber: 11
     }
   }, customFields.map(field => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -181,7 +189,7 @@ const _CustomFieldsViewWidgetSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 138,
+      lineNumber: 144,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(CustomFieldCell, {
@@ -192,7 +200,7 @@ const _CustomFieldsViewWidgetSection = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 145,
+      lineNumber: 151,
       columnNumber: 17
     }
   })))))));
@@ -208,7 +216,7 @@ const CustomFieldCell = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 178,
+      lineNumber: 184,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -217,7 +225,7 @@ const CustomFieldCell = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 179,
+      lineNumber: 185,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -228,7 +236,7 @@ const CustomFieldCell = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 180,
+      lineNumber: 186,
       columnNumber: 9
     }
   }, field.label || field.id, ":"), value));

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_mobxReactLite","_FileCardList","_datesUtil","_jsxFileName","_CustomFieldsViewWidgetSection","customFields","fieldValues","namespace","title","container","useWixPatternsContainer","translate","t","dateFormatters","valueWrapper","value","props","test","default","createElement","Text","_extends2","overflowWrap","__self","__source","fileName","lineNumber","columnNumber","React","isValidElement","getViewValue","type","valueDataHook","textProps","dataHook","size","secondary","undefined","newValue","join","files","Array","isArray","FileCardList","showDownloadCTA","showDetails","medium","format","getDateWithoutTimezone","mediumTime","Date","TextButton","as","rel","target","href","ellipsis","Box","width","direction","Layout","gap","Cell","span","Heading","display","rowGap","columnGap","gridTemplateColumns","map","field","key","id","flexGrow","flexShrink","flexBasis","minWidth","CustomFieldCell","labelDataHook","CustomFieldsViewWidgetSection","exports","observer","weight","label"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.tsx"],"sourcesContent":["import { CustomField, CustomFieldType } from '@wix/bex-core';\nimport {\n Text,\n TextProps,\n Layout,\n Cell,\n Box,\n Heading,\n TextButton,\n} from '@wix/design-system';\nimport React from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { FileCardList } from '../FileCard/FileCardList';\nimport { getDateWithoutTimezone } from '../../utils/datesUtil';\n\ninterface CustomFieldsViewWidgetSectionProps {\n customFields: CustomField[];\n fieldValues: Record<string, any>;\n namespace: string;\n title?: string;\n}\n\nconst _CustomFieldsViewWidgetSection = ({\n customFields,\n fieldValues,\n namespace,\n title,\n}: CustomFieldsViewWidgetSectionProps) => {\n const container = useWixPatternsContainer();\n const { translate: t, dateFormatters } = container;\n\n const valueWrapper = (value: any, props: TextProps) => {\n if (typeof value === 'string' && !/\\s/.test(value)) {\n // if there are no space symbols we apply ellipsis (e.g. for links, emails, etc.)\n return (\n <Text {...props} overflowWrap=\"break-word\">\n {value}\n </Text>\n );\n }\n\n if (typeof value !== 'string' && React.isValidElement(value)) {\n return value;\n }\n return <Text {...props}>{value}</Text>;\n };\n\n const getViewValue = (\n value: any,\n type: CustomFieldType,\n valueDataHook: string,\n ) => {\n const textProps: TextProps = {\n dataHook: valueDataHook,\n size: 'small',\n secondary: true,\n };\n\n // It is relevant only to app sections. User fields that are null/undefined will be filtered before and won't be displayed\n if (value === undefined \|\| value === null) {\n return valueWrapper('-', textProps);\n }\n\n let newValue = value;\n\n switch (type) {\n case 'dropdown': {\n newValue = value;\n break;\n }\n case 'multiSelect': {\n newValue = value.join(', ');\n break;\n }\n case 'files': {\n const files = Array.isArray(value) ? value : [value];\n return <FileCardList files={files} showDownloadCTA showDetails />;\n }\n case 'date':\n newValue = dateFormatters.medium.format(getDateWithoutTimezone(value));\n break;\n case 'dateTime':\n newValue = dateFormatters.mediumTime.format(new Date(value));\n break;\n case 'checkbox':\n newValue = value\n ? t('cairo.customFields.booleanValue.true')\n : t('cairo.customFields.booleanValue.false');\n break;\n case 'url':\n newValue = (\n <TextButton\n as=\"a\"\n rel=\"noopener\"\n target=\"_blank\"\n size=\"small\"\n href={value}\n ellipsis\n dataHook={valueDataHook}\n >\n {value}\n </TextButton>\n );\n break;\n default:\n break;\n }\n return valueWrapper(newValue, textProps);\n };\n\n return (\n <Box\n width=\"100%\"\n direction=\"vertical\"\n dataHook={`custom-field-section-${namespace}`}\n >\n <Layout gap=\"SP3\" dataHook={`custom-field-section-${namespace}`}>\n {title && (\n <Cell span={12}>\n <Heading\n size=\"tiny\"\n ellipsis\n dataHook={`custom-field-section-title-${namespace}`}\n >\n {title}\n </Heading>\n </Cell>\n )}\n <Cell span={12}>\n <Box\n display=\"grid\"\n rowGap=\"18PX\"\n columnGap=\"24PX\"\n gridTemplateColumns=\"repeat(auto-fill, minmax(248px, 1fr))\"\n >\n {customFields.map((field) => (\n <Box\n key={field.id}\n flexGrow={1}\n flexShrink={1}\n flexBasis={0}\n minWidth=\"248px\"\n >\n <CustomFieldCell\n key={field.id}\n field={field}\n value={getViewValue(\n fieldValues[field.id],\n field.type,\n `custom-field-value-${namespace}-${field.id}`,\n )}\n labelDataHook={`custom-field-label-${namespace}-${field.id}`}\n />\n </Box>\n ))}\n </Box>\n </Cell>\n </Layout>\n </Box>\n );\n};\n\nexport const CustomFieldsViewWidgetSection = observer(\n _CustomFieldsViewWidgetSection,\n);\n\nconst CustomFieldCell = ({\n field,\n value,\n labelDataHook,\n}: {\n field: CustomField;\n value: JSX.Element;\n labelDataHook: string;\n}) => {\n return (\n <Cell key={field.id}>\n <Box direction=\"vertical\" gap=\"SP1\">\n <Text weight=\"normal\" size=\"small\" ellipsis dataHook={labelDataHook}>\n {field.label \|\| field.id}:\n </Text>\n {value}\n </Box>\n </Cell>\n );\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_react2","_mobxReactLite","_FileCardList","_datesUtil","_jsxFileName","_CustomFieldsViewWidgetSection","customFields","fieldValues","namespace","title","container","useWixPatternsContainer","translate","t","dateFormatters","valueWrapper","value","props","test","default","createElement","Text","_extends2","overflowWrap","__self","__source","fileName","lineNumber","columnNumber","React","isValidElement","getViewValue","type","valueDataHook","textProps","dataHook","size","secondary","undefined","newValue","join","files","Array","isArray","FileCardList","showDownloadCTA","showDetails","date","getDateWithoutTimezone","medium","format","dateTime","parseDate","mediumTime","TextButton","as","rel","target","href","ellipsis","Box","width","direction","Layout","gap","Cell","span","Heading","display","rowGap","columnGap","gridTemplateColumns","map","field","key","id","flexGrow","flexShrink","flexBasis","minWidth","CustomFieldCell","labelDataHook","CustomFieldsViewWidgetSection","exports","observer","weight","label"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidgetSection.tsx"],"sourcesContent":["import { CustomField, CustomFieldType } from '@wix/bex-core';\nimport {\n Text,\n TextProps,\n Layout,\n Cell,\n Box,\n Heading,\n TextButton,\n} from '@wix/design-system';\nimport React from 'react';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { FileCardList } from '../FileCard/FileCardList';\nimport { getDateWithoutTimezone, parseDate } from '../../utils/datesUtil';\n\ninterface CustomFieldsViewWidgetSectionProps {\n customFields: CustomField[];\n fieldValues: Record<string, any>;\n namespace: string;\n title?: string;\n}\n\nconst _CustomFieldsViewWidgetSection = ({\n customFields,\n fieldValues,\n namespace,\n title,\n}: CustomFieldsViewWidgetSectionProps) => {\n const container = useWixPatternsContainer();\n const { translate: t, dateFormatters } = container;\n\n const valueWrapper = (value: any, props: TextProps) => {\n if (typeof value === 'string' && !/\\s/.test(value)) {\n // if there are no space symbols we apply ellipsis (e.g. for links, emails, etc.)\n return (\n <Text {...props} overflowWrap=\"break-word\">\n {value}\n </Text>\n );\n }\n\n if (typeof value !== 'string' && React.isValidElement(value)) {\n return value;\n }\n return <Text {...props}>{value}</Text>;\n };\n\n const getViewValue = (\n value: any,\n type: CustomFieldType,\n valueDataHook: string,\n ) => {\n const textProps: TextProps = {\n dataHook: valueDataHook,\n size: 'small',\n secondary: true,\n };\n\n // It is relevant only to app sections. User fields that are null/undefined will be filtered before and won't be displayed\n if (value === undefined \|\| value === null) {\n return valueWrapper('-', textProps);\n }\n\n let newValue = value;\n\n switch (type) {\n case 'dropdown': {\n newValue = value;\n break;\n }\n case 'multiSelect': {\n newValue = value.join(', ');\n break;\n }\n case 'files': {\n const files = Array.isArray(value) ? value : [value];\n return <FileCardList files={files} showDownloadCTA showDetails />;\n }\n // A value that isn't a date renders blank rather than throwing out of\n // render — see FieldCell's date cases.\n case 'date': {\n const date = getDateWithoutTimezone(value);\n newValue = date ? dateFormatters.medium.format(date) : '';\n break;\n }\n case 'dateTime': {\n const dateTime = parseDate(value);\n newValue = dateTime ? dateFormatters.mediumTime.format(dateTime) : '';\n break;\n }\n case 'checkbox':\n newValue = value\n ? t('cairo.customFields.booleanValue.true')\n : t('cairo.customFields.booleanValue.false');\n break;\n case 'url':\n newValue = (\n <TextButton\n as=\"a\"\n rel=\"noopener\"\n target=\"_blank\"\n size=\"small\"\n href={value}\n ellipsis\n dataHook={valueDataHook}\n >\n {value}\n </TextButton>\n );\n break;\n default:\n break;\n }\n return valueWrapper(newValue, textProps);\n };\n\n return (\n <Box\n width=\"100%\"\n direction=\"vertical\"\n dataHook={`custom-field-section-${namespace}`}\n >\n <Layout gap=\"SP3\" dataHook={`custom-field-section-${namespace}`}>\n {title && (\n <Cell span={12}>\n <Heading\n size=\"tiny\"\n ellipsis\n dataHook={`custom-field-section-title-${namespace}`}\n >\n {title}\n </Heading>\n </Cell>\n )}\n <Cell span={12}>\n <Box\n display=\"grid\"\n rowGap=\"18PX\"\n columnGap=\"24PX\"\n gridTemplateColumns=\"repeat(auto-fill, minmax(248px, 1fr))\"\n >\n {customFields.map((field) => (\n <Box\n key={field.id}\n flexGrow={1}\n flexShrink={1}\n flexBasis={0}\n minWidth=\"248px\"\n >\n <CustomFieldCell\n key={field.id}\n field={field}\n value={getViewValue(\n fieldValues[field.id],\n field.type,\n `custom-field-value-${namespace}-${field.id}`,\n )}\n labelDataHook={`custom-field-label-${namespace}-${field.id}`}\n />\n </Box>\n ))}\n </Box>\n </Cell>\n </Layout>\n </Box>\n );\n};\n\nexport const CustomFieldsViewWidgetSection = observer(\n _CustomFieldsViewWidgetSection,\n);\n\nconst CustomFieldCell = ({\n field,\n value,\n labelDataHook,\n}: {\n field: CustomField;\n value: JSX.Element;\n labelDataHook: string;\n}) => {\n return (\n <Cell key={field.id}>\n <Box direction=\"vertical\" gap=\"SP1\">\n <Text weight=\"normal\" size=\"small\" ellipsis dataHook={labelDataHook}>\n {field.label \|\| field.id}:\n </Text>\n {value}\n </Box>\n </Cell>\n );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsWidgetCard.js CHANGED Viewed

@@ -10,7 +10,7 @@ var _designSystem = require("@wix/design-system");
 var _Heading = require("../Heading");
 var _react2 = require("@wix/bex-core/react");
 var _CustomFieldsWidgetContentLazy = require("./CustomFieldsWidgetContentLazy");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _useWidgetPageStatus = require("../useWidgetPageStatus");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/CustomFieldsWidget/CustomFieldsWidgetCard.tsx";
 const _CustomFieldsWidgetCard = ({
@@ -74,7 +74,7 @@ const _CustomFieldsWidgetCard = ({
       subtitle: t('cairo.technical.error.text'),
       action: {
         text: t('cairo.error.tryAgain.cta'),
-        prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Refresh, {
+        prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Refresh, {
           __self: void 0,
           __source: {
             fileName: _jsxFileName,

package/dist/cjs/components/CustomFieldsWidget/CustomFieldsWidgetCard.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_CardContainer","_designSystem","_Heading","_react2","_CustomFieldsWidgetContentLazy","~~_wixUiIconsCommon~~","_useWidgetPageStatus","_jsxFileName","_CustomFieldsWidgetCard","state","subtitle","dataHook","emptyStateOverrides","onChange","status","useWidgetPageStatus","initTask","container","useWixPatternsContainer","translate","t","headerSubtitle","headerTitle","default","createElement","Box","gap","__self","__source","fileName","lineNumber","columnNumber","Heading","size","widgetSize","InfoIcon","content","ActionsButton","ActionButtonsComponent","suffix","CardContainer","stretchVertically","errorState","title","action","text","prefixIcon","Refresh","onClick","retry","Card","Header","Divider","Content","CustomFieldsWidgetContentLazy","CustomFieldsWidgetCard","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidgetCard.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsWidgetState } from '../../state';\nimport { CardContainer } from '../CardContainer';\nimport { Box, Card, InfoIcon } from '@wix/design-system';\nimport { Heading } from '../Heading';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CustomFieldsWidgetContentLazy } from './CustomFieldsWidgetContentLazy';\nimport { Refresh } from '@wix/wix-ui-icons-common';\nimport { CustomFieldsWidgetProps } from './types';\nimport { useWidgetPageStatus } from '../useWidgetPageStatus';\n\ninterface CustomFieldsWidgetCardProps {\n state: CustomFieldsWidgetState;\n subtitle?: CustomFieldsWidgetProps['subtitle'];\n dataHook?: CustomFieldsWidgetProps['dataHook'];\n emptyStateOverrides?: CustomFieldsWidgetProps['emptyStateOverrides'];\n onChange?: CustomFieldsWidgetProps['onChange'];\n}\n\nconst _CustomFieldsWidgetCard = ({\n state,\n subtitle,\n dataHook,\n emptyStateOverrides = {},\n onChange,\n}: CustomFieldsWidgetCardProps) => {\n const { status } = useWidgetPageStatus(state.initTask.status.status);\n const container = useWixPatternsContainer();\n const { translate: t } = container;\n\n const headerSubtitle =\n subtitle \|\| t('cairo.customFields.entityPage.subtitle');\n const headerTitle = (\n <Box gap=\"SP1\">\n <Heading size=\"medium\">\n {t('cairo.customFieldsWidget.entityPage.title')}\n </Heading>\n {state.widgetSize !== 'default' ? (\n <InfoIcon dataHook=\"subtitle-info-icon\" content={headerSubtitle} />\n ) : null}\n </Box>\n );\n\n const ActionsButton = state.ActionButtonsComponent;\n const suffix = ActionsButton ? <ActionsButton state={state} /> : null;\n\n return (\n <CardContainer\n stretchVertically\n dataHook={dataHook}\n status={status}\n errorState={{\n dataHook: 'error-state',\n title: t('cairo.customFields.technical.error.title'),\n subtitle: t('cairo.technical.error.text'),\n action: {\n text: t('cairo.error.tryAgain.cta'),\n prefixIcon: <Refresh />,\n onClick: state.retry,\n },\n }}\n >\n <Card.Header\n dataHook=\"custom-fields-widget-header\"\n title={headerTitle}\n subtitle={state.widgetSize === 'default' ? headerSubtitle : null}\n suffix={suffix}\n />\n <Card.Divider />\n <Card.Content dataHook=\"custom-fields-widget-content\">\n <CustomFieldsWidgetContentLazy\n emptyStateOverrides={emptyStateOverrides}\n onChange={onChange}\n />\n </Card.Content>\n </CardContainer>\n );\n};\n\nexport const CustomFieldsWidgetCard = observer(_CustomFieldsWidgetCard);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,8BAAA,GAAAN,OAAA;AACA,IAAAO,~~iBAAA~~,GAAAP,OAAA;AAEA,IAAAQ,oBAAA,GAAAR,OAAA;AAA6D,IAAAS,YAAA;AAU7D,MAAMC,uBAAuB,GAAGA,CAAC;EAC/BC,KAAK;EACLC,QAAQ;EACRC,QAAQ;EACRC,mBAAmB,GAAG,CAAC,CAAC;EACxBC;AAC2B,CAAC,KAAK;EACjC,MAAM;IAAEC;EAAO,CAAC,GAAG,IAAAC,wCAAmB,EAACN,KAAK,CAACO,QAAQ,CAACF,MAAM,CAACA,MAAM,CAAC;EACpE,MAAMG,SAAS,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAC3C,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGH,SAAS;EAElC,MAAMI,cAAc,GAClBX,QAAQ,IAAIU,CAAC,CAAC,wCAAwC,CAAC;EACzD,MAAME,WAAW,gBACf1B,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAAwB,GAAG;IAACC,GAAG,EAAC,KAAK;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACZnC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACtB,QAAA,CAAA8B,OAAO;IAACC,IAAI,EAAC,QAAQ;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACnBX,CAAC,CAAC,2CAA2C,CACvC,CAAC,EACTX,KAAK,CAACyB,UAAU,KAAK,SAAS,gBAC7BtC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAAkC,QAAQ;IAACxB,QAAQ,EAAC,oBAAoB;IAACyB,OAAO,EAAEf,cAAe;IAAAM,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GACjE,IACD,CACN;EAED,MAAMM,aAAa,GAAG5B,KAAK,CAAC6B,sBAAsB;EAClD,MAAMC,MAAM,GAAGF,aAAa,gBAAGzC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACa,aAAa;IAAC5B,KAAK,EAAEA,KAAM;IAAAkB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GAAG,IAAI;EAErE,oBACEnC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACxB,cAAA,CAAAwC,aAAa;IACZC,iBAAiB;IACjB9B,QAAQ,EAAEA,QAAS;IACnBG,MAAM,EAAEA,MAAO;IACf4B,UAAU,EAAE;MACV/B,QAAQ,EAAE,aAAa;MACvBgC,KAAK,EAAEvB,CAAC,CAAC,0CAA0C,CAAC;MACpDV,QAAQ,EAAEU,CAAC,CAAC,4BAA4B,CAAC;MACzCwB,MAAM,EAAE;QACNC,IAAI,EAAEzB,CAAC,CAAC,0BAA0B,CAAC;QACnC0B,UAAU,eAAElD,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACnB,~~iBAAA~~,CAAA0C,OAAO;UAAApB,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAAtB,YAAA;YAAAuB,UAAA;YAAAC,YAAA;UAAA;QAAA,CAAE,CAAC;QACvBiB,OAAO,EAAEvC,KAAK,CAACwC;MACjB;IACF,CAAE;IAAAtB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFnC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAAiD,IAAI,CAACC,MAAM;IACVxC,QAAQ,EAAC,6BAA6B;IACtCgC,KAAK,EAAErB,WAAY;IACnBZ,QAAQ,EAAED,KAAK,CAACyB,UAAU,KAAK,SAAS,GAAGb,cAAc,GAAG,IAAK;IACjEkB,MAAM,EAAEA,MAAO;IAAAZ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAChB,CAAC,eACFnC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAAiD,IAAI,CAACE,OAAO;IAAAzB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,eAChBnC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACvB,aAAA,CAAAiD,IAAI,CAACG,OAAO;IAAC1C,QAAQ,EAAC,8BAA8B;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACnDnC,MAAA,CAAA2B,OAAA,CAAAC,aAAA,CAACpB,8BAAA,CAAAkD,6BAA6B;IAC5B1C,mBAAmB,EAAEA,mBAAoB;IACzCC,QAAQ,EAAEA,QAAS;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpB,CACW,CACD,CAAC;AAEpB,CAAC;AAEM,MAAMwB,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,uBAAQ,EAACjD,uBAAuB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_CardContainer","_designSystem","_Heading","_react2","_CustomFieldsWidgetContentLazy","_lazy","_useWidgetPageStatus","_jsxFileName","_CustomFieldsWidgetCard","state","subtitle","dataHook","emptyStateOverrides","onChange","status","useWidgetPageStatus","initTask","container","useWixPatternsContainer","translate","t","headerSubtitle","headerTitle","default","createElement","Box","gap","__self","__source","fileName","lineNumber","columnNumber","Heading","size","widgetSize","InfoIcon","content","ActionsButton","ActionButtonsComponent","suffix","CardContainer","stretchVertically","errorState","title","action","text","prefixIcon","Refresh","onClick","retry","Card","Header","Divider","Content","CustomFieldsWidgetContentLazy","CustomFieldsWidgetCard","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsWidgetCard.tsx"],"sourcesContent":["import React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { CustomFieldsWidgetState } from '../../state';\nimport { CardContainer } from '../CardContainer';\nimport { Box, Card, InfoIcon } from '@wix/design-system';\nimport { Heading } from '../Heading';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { CustomFieldsWidgetContentLazy } from './CustomFieldsWidgetContentLazy';\nimport { Refresh } from '@wix/wix-ui-icons-common/lazy';\nimport { CustomFieldsWidgetProps } from './types';\nimport { useWidgetPageStatus } from '../useWidgetPageStatus';\n\ninterface CustomFieldsWidgetCardProps {\n state: CustomFieldsWidgetState;\n subtitle?: CustomFieldsWidgetProps['subtitle'];\n dataHook?: CustomFieldsWidgetProps['dataHook'];\n emptyStateOverrides?: CustomFieldsWidgetProps['emptyStateOverrides'];\n onChange?: CustomFieldsWidgetProps['onChange'];\n}\n\nconst _CustomFieldsWidgetCard = ({\n state,\n subtitle,\n dataHook,\n emptyStateOverrides = {},\n onChange,\n}: CustomFieldsWidgetCardProps) => {\n const { status } = useWidgetPageStatus(state.initTask.status.status);\n const container = useWixPatternsContainer();\n const { translate: t } = container;\n\n const headerSubtitle =\n subtitle \|\| t('cairo.customFields.entityPage.subtitle');\n const headerTitle = (\n <Box gap=\"SP1\">\n <Heading size=\"medium\">\n {t('cairo.customFieldsWidget.entityPage.title')}\n </Heading>\n {state.widgetSize !== 'default' ? (\n <InfoIcon dataHook=\"subtitle-info-icon\" content={headerSubtitle} />\n ) : null}\n </Box>\n );\n\n const ActionsButton = state.ActionButtonsComponent;\n const suffix = ActionsButton ? <ActionsButton state={state} /> : null;\n\n return (\n <CardContainer\n stretchVertically\n dataHook={dataHook}\n status={status}\n errorState={{\n dataHook: 'error-state',\n title: t('cairo.customFields.technical.error.title'),\n subtitle: t('cairo.technical.error.text'),\n action: {\n text: t('cairo.error.tryAgain.cta'),\n prefixIcon: <Refresh />,\n onClick: state.retry,\n },\n }}\n >\n <Card.Header\n dataHook=\"custom-fields-widget-header\"\n title={headerTitle}\n subtitle={state.widgetSize === 'default' ? headerSubtitle : null}\n suffix={suffix}\n />\n <Card.Divider />\n <Card.Content dataHook=\"custom-fields-widget-content\">\n <CustomFieldsWidgetContentLazy\n emptyStateOverrides={emptyStateOverrides}\n onChange={onChange}\n />\n </Card.Content>\n </CardContainer>\n );\n};\n\nexport const CustomFieldsWidgetCard = observer(_CustomFieldsWidgetCard);\n"],"mappings":"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","ignoreList":[]}

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

@@ -5,7 +5,7 @@ exports.__esModule = true;
 exports.CustomFieldsWidgetInline = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _ErrorState = require("../ErrorState");
 var _CustomFieldsWidgetContentLazy = require("./CustomFieldsWidgetContentLazy");
 var _Skeletons = require("./Skeletons");
@@ -36,7 +36,7 @@ const _CustomFieldsWidgetInline = props => {
         dataHook: "custom-fields-widget-inline-error",
         title: t('cairo.customFields.technical.error.title'),
         action: {
-          prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Refresh, {
+          prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Refresh, {
             __self: void 0,
             __source: {
               fileName: _jsxFileName,

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

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

package/dist/cjs/components/CustomFieldsWidget/ErrorStateContent.js CHANGED Viewed

@@ -6,7 +6,7 @@ exports.ErrorStateContent = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
 var _mobxReactLite = require("mobx-react-lite");
-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/CustomFieldsWidget/ErrorStateContent.tsx";
 const _ErrorStateContent = ({
   state
@@ -29,7 +29,7 @@ const _ErrorStateContent = ({
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
     dataHook: "retry-button",
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Refresh, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Refresh, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,

package/dist/cjs/components/CustomFieldsWidget/ErrorStateContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","~~_wixUiIconsCommon~~","_jsxFileName","_ErrorStateContent","state","container","translate","t","default","createElement","EmptyState","dataHook","theme","title","subtitle","__self","__source","fileName","lineNumber","columnNumber","TextButton","prefixIcon","Refresh","onClick","retry","ErrorStateContent","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/ErrorStateContent.tsx"],"sourcesContent":["import React from 'react';\nimport { EmptyState, TextButton } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { Refresh } from '@wix/wix-ui-icons-common';\nimport { CustomFieldsWidgetState } from '../../state';\nimport { CustomFieldsViewWidgetState } from '@wix/bex-core';\n\ninterface ErrorStateProps {\n state: CustomFieldsWidgetState \| CustomFieldsViewWidgetState;\n}\n\nconst _ErrorStateContent = ({ state }: ErrorStateProps) => {\n const {\n container: { translate: t },\n } = state;\n\n return (\n <EmptyState\n dataHook=\"error-state\"\n theme=\"page-no-border\"\n title={t('cairo.customFields.technical.error.title')}\n subtitle={t('cairo.technical.error.text')}\n >\n <TextButton\n dataHook=\"retry-button\"\n prefixIcon={<Refresh />}\n onClick={() => state.retry()}\n >\n {t('cairo.error.tryAgain.cta')}\n </TextButton>\n </EmptyState>\n );\n};\n\nexport const ErrorStateContent = observer(_ErrorStateContent);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,~~iBAAA~~,GAAAH,OAAA;~~AAAmD~~,IAAAI,YAAA;~~AAQnD~~,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC;AAAuB,CAAC,KAAK;EACzD,MAAM;IACJC,SAAS,EAAE;MAAEC,SAAS,EAAEC;IAAE;EAC5B,CAAC,GAAGH,KAAK;EAET,oBACER,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAW,UAAU;IACTC,QAAQ,EAAC,aAAa;IACtBC,KAAK,EAAC,gBAAgB;IACtBC,KAAK,EAAEN,CAAC,CAAC,0CAA0C,CAAE;IACrDO,QAAQ,EAAEP,CAAC,CAAC,4BAA4B,CAAE;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE1CvB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAqB,UAAU;IACTT,QAAQ,EAAC,cAAc;IACvBU,UAAU,eAAEzB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACR,~~iBAAA~~,CAAAqB,OAAO;MAAAP,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAf,YAAA;QAAAgB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACxBI,OAAO,EAAEA,CAAA,KAAMnB,KAAK,CAACoB,KAAK,CAAC,CAAE;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE5BZ,CAAC,CAAC,0BAA0B,CACnB,CACF,CAAC;AAEjB,CAAC;AAEM,MAAMkB,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAACxB,kBAAkB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_lazy","_jsxFileName","_ErrorStateContent","state","container","translate","t","default","createElement","EmptyState","dataHook","theme","title","subtitle","__self","__source","fileName","lineNumber","columnNumber","TextButton","prefixIcon","Refresh","onClick","retry","ErrorStateContent","exports","observer"],"sources":["../../../../src/components/CustomFieldsWidget/ErrorStateContent.tsx"],"sourcesContent":["import React from 'react';\nimport { EmptyState, TextButton } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { Refresh } from '@wix/wix-ui-icons-common/lazy';\nimport { CustomFieldsWidgetState } from '../../state';\nimport { CustomFieldsViewWidgetState } from '@wix/bex-core';\n\ninterface ErrorStateProps {\n state: CustomFieldsWidgetState \| CustomFieldsViewWidgetState;\n}\n\nconst _ErrorStateContent = ({ state }: ErrorStateProps) => {\n const {\n container: { translate: t },\n } = state;\n\n return (\n <EmptyState\n dataHook=\"error-state\"\n theme=\"page-no-border\"\n title={t('cairo.customFields.technical.error.title')}\n subtitle={t('cairo.technical.error.text')}\n >\n <TextButton\n dataHook=\"retry-button\"\n prefixIcon={<Refresh />}\n onClick={() => state.retry()}\n >\n {t('cairo.error.tryAgain.cta')}\n </TextButton>\n </EmptyState>\n );\n};\n\nexport const ErrorStateContent = observer(_ErrorStateContent);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAAwD,IAAAI,YAAA;AAQxD,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC;AAAuB,CAAC,KAAK;EACzD,MAAM;IACJC,SAAS,EAAE;MAAEC,SAAS,EAAEC;IAAE;EAC5B,CAAC,GAAGH,KAAK;EAET,oBACER,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAW,UAAU;IACTC,QAAQ,EAAC,aAAa;IACtBC,KAAK,EAAC,gBAAgB;IACtBC,KAAK,EAAEN,CAAC,CAAC,0CAA0C,CAAE;IACrDO,QAAQ,EAAEP,CAAC,CAAC,4BAA4B,CAAE;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE1CvB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,aAAA,CAAAqB,UAAU;IACTT,QAAQ,EAAC,cAAc;IACvBU,UAAU,eAAEzB,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACR,KAAA,CAAAqB,OAAO;MAAAP,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAf,YAAA;QAAAgB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACxBI,OAAO,EAAEA,CAAA,KAAMnB,KAAK,CAACoB,KAAK,CAAC,CAAE;IAAAT,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAf,YAAA;MAAAgB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE5BZ,CAAC,CAAC,0BAA0B,CACnB,CACF,CAAC;AAEjB,CAAC;AAEM,MAAMkB,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAG,IAAAE,uBAAQ,EAACxB,kBAAkB,CAAC","ignoreList":[]}

package/dist/cjs/components/DataExtension/dataExtensionFieldManagement.js CHANGED Viewed

@@ -120,9 +120,29 @@ const dataExtensionFieldManagement = ({
     get permissions() {
       return dataExtension.defaultPermissions;
     },
+    supportsPermissions: true,
     get supportsPii() {
       return dataExtension.containsPii;
     },
+    get fieldModalText() {
+      const {
+        translate: t,
+        environment
+      } = dataExtension.container;
+      return {
+        addTitle: t('cairo.customFields.addCustomField.modal.title'),
+        editTitle: t('cairo.customFields.editCustomField.modal.title'),
+        settingsLabel: t('cairo.customFields.addCustomField.modal.advancedSettings.readPermissions'),
+        addSubtitle: {
+          text: t('cairo.customFields.addCustomField.modal.subtitle'),
+          note: t('cairo.customFields.addCustomField.modal.subtitle.note'),
+          learnMore: {
+            label: t('cairo.subtitle.learnMore'),
+            href: `https://support.wix.com/${environment.language}/article/about-custom-fields`
+          }
+        }
+      };
+    },
     addField: upsertField,
     editField: (_fieldId, draft) => upsertField(draft),
     getFieldDraft: fieldId => dataExtension.extractFieldValuesFromSchema(fieldId)

package/dist/cjs/components/DataExtension/dataExtensionFieldManagement.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_mobx","require","CUSTOM_FIELD_TYPE_TO_PATTERNS","exports","shortText","longText","url","date","dateTime","integer","decimal","checkbox","dropdown","multiSelect","files","toPatternsFieldType","type","isCustomFieldType","CREATABLE_TYPES","id","labelKey","namePlaceholderKey","dataExtensionFieldManagement","dataExtension","reportBi","customFieldFor","availableCustomFields","find","f","toCustomFieldForm","draft","undefined","upsertField","dataExtensionSchema","dataExtensionService","addCustomField","form","schema","userSchema","fqdn","fqdnString","filterable","runInAction","_upsertSchema","canAddFields","disableUserDefinedWriting","addFieldDisabled","disableAddCustomField","addFieldDisabledHint","disableAddCustomFieldContent","canEditField","field","_customFieldFor","editable","deleteField","fieldId","origin","creatableFieldTypes","t","container","translate","map","ft","label","namePlaceholder","patternsType","existingFieldKeys","allUserCustomFields","maxReached","isReachedMaxCustomFields","permissions","defaultPermissions","supportsPii","containsPii","addField","editField","_fieldId","getFieldDraft","extractFieldValuesFromSchema"],"sources":["../../../../src/components/DataExtension/dataExtensionFieldManagement.ts"],"sourcesContent":["import type {\n CustomField,\n CustomFieldForm,\n CustomFieldType,\n DataExtensionState,\n FieldDraft,\n FieldManagement,\n FieldTypeOption,\n NonReferenceField,\n ReportBI,\n TranslationsKeys,\n} from '@wix/bex-core';\nimport { runInAction } from 'mobx';\n\nexport const CUSTOM_FIELD_TYPE_TO_PATTERNS: Record<\n CustomFieldType,\n NonReferenceField['type']\n> = {\n shortText: 'SHORT_TEXT',\n longText: 'LONG_TEXT',\n url: 'URL',\n date: 'DATE',\n dateTime: 'DATETIME',\n integer: 'NUMBER',\n decimal: 'NUMBER',\n checkbox: 'BOOLEAN',\n dropdown: 'SHORT_TEXT',\n multiSelect: 'ARRAY',\n files: 'DOCUMENT',\n};\n\nexport const toPatternsFieldType = (\n type: CustomFieldType,\n): NonReferenceField['type'] =>\n CUSTOM_FIELD_TYPE_TO_PATTERNS[type] ?? 'UNKNOWN';\n\nconst isCustomFieldType = (type: string): type is CustomFieldType =>\n type in CUSTOM_FIELD_TYPE_TO_PATTERNS;\n\nconst CREATABLE_TYPES: readonly {\n id: CustomFieldType;\n labelKey: TranslationsKeys;\n namePlaceholderKey: TranslationsKeys;\n}[] = [\n {\n id: 'shortText',\n labelKey: 'cairo.customFields.fieldType.shortText',\n namePlaceholderKey:\n 'cairo.customFields.fieldType.shortText.Name.placeholder',\n },\n {\n id: 'longText',\n labelKey: 'cairo.customFields.fieldType.longText',\n namePlaceholderKey:\n 'cairo.customFields.fieldType.longText.Name.placeholder',\n },\n {\n id: 'date',\n labelKey: 'cairo.customFields.fieldType.date',\n namePlaceholderKey: 'cairo.customFields.fieldType.date.Name.placeholder',\n },\n {\n id: 'dateTime',\n labelKey: 'cairo.customFields.fieldType.dateAndTime',\n namePlaceholderKey:\n 'cairo.customFields.fieldType.dateAndTime.Name.placeholder',\n },\n {\n id: 'integer',\n labelKey: 'cairo.customFields.fieldType.numberInteger',\n namePlaceholderKey:\n 'cairo.customFields.fieldType.numberInteger.Name.placeholder',\n },\n {\n id: 'decimal',\n labelKey: 'cairo.customFields.fieldType.numberDecimal',\n namePlaceholderKey:\n 'cairo.customFields.fieldType.numberDecimal.Name.placeholder',\n },\n {\n id: 'checkbox',\n labelKey: 'cairo.customFields.fieldType.checkbox',\n namePlaceholderKey:\n 'cairo.customFields.fieldType.checkbox.Name.placeholder',\n },\n {\n id: 'url',\n labelKey: 'cairo.customFields.fieldType.url',\n namePlaceholderKey: 'cairo.customFields.placeholder.url',\n },\n];\n\nexport interface DataExtensionFieldManagementParams {\n dataExtension: DataExtensionState;\n reportBi: ReportBI;\n}\n\nexport const dataExtensionFieldManagement = ({\n dataExtension,\n reportBi,\n}: DataExtensionFieldManagementParams): FieldManagement => {\n const customFieldFor = (id: string): CustomField \| undefined =>\n dataExtension.availableCustomFields.find((f) => f.id === id);\n\n const toCustomFieldForm = (draft: FieldDraft): CustomFieldForm => ({\n ...draft,\n type: draft.type && isCustomFieldType(draft.type) ? draft.type : undefined,\n });\n\n const upsertField = async (draft: FieldDraft) => {\n const { dataExtensionSchema } =\n await dataExtension.dataExtensionService.addCustomField({\n form: toCustomFieldForm(draft),\n schema: dataExtension.userSchema,\n fqdn: dataExtension.fqdnString,\n filterable: dataExtension.filterable,\n });\n\n runInAction(() => {\n if (dataExtensionSchema) {\n dataExtension._upsertSchema(dataExtensionSchema);\n }\n });\n };\n\n return {\n get canAddFields() {\n return !dataExtension.disableUserDefinedWriting;\n },\n get addFieldDisabled() {\n return dataExtension.disableAddCustomField;\n },\n get addFieldDisabledHint() {\n return dataExtension.disableAddCustomFieldContent \|\| undefined;\n },\n canEditField: (field) => customFieldFor(field.id)?.editable ?? false,\n deleteField: async (fieldId, origin) => {\n await dataExtension.deleteField({\n id: fieldId,\n origin,\n reportBi,\n });\n },\n\n // Lazy: translate on access (after the container's i18n has loaded), not at\n // construction — the source is built before `load()` runs initTask, so an\n // eager map would freeze the raw translation keys.\n get creatableFieldTypes(): FieldTypeOption[] {\n const t = dataExtension.container.translate;\n return CREATABLE_TYPES.map((ft) => ({\n id: ft.id,\n label: t(ft.labelKey),\n namePlaceholder: t(ft.namePlaceholderKey),\n patternsType: toPatternsFieldType(ft.id),\n }));\n },\n get existingFieldKeys() {\n // All user fields, not just the available ones: duplicate-key detection\n // must also catch keys of fields that exist but aren't currently shown.\n return dataExtension.allUserCustomFields.map((f) => f.id);\n },\n get maxReached() {\n return dataExtension.isReachedMaxCustomFields;\n },\n get permissions() {\n return dataExtension.defaultPermissions;\n },\n get supportsPii() {\n return dataExtension.containsPii;\n },\n addField: upsertField,\n editField: (_fieldId, draft) => upsertField(draft),\n getFieldDraft: (fieldId) =>\n dataExtension.extractFieldValuesFromSchema(fieldId),\n };\n};\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_mobx","require","CUSTOM_FIELD_TYPE_TO_PATTERNS","exports","shortText","longText","url","date","dateTime","integer","decimal","checkbox","dropdown","multiSelect","files","toPatternsFieldType","type","isCustomFieldType","CREATABLE_TYPES","id","labelKey","namePlaceholderKey","dataExtensionFieldManagement","dataExtension","reportBi","customFieldFor","availableCustomFields","find","f","toCustomFieldForm","draft","undefined","upsertField","dataExtensionSchema","dataExtensionService","addCustomField","form","schema","userSchema","fqdn","fqdnString","filterable","runInAction","_upsertSchema","canAddFields","disableUserDefinedWriting","addFieldDisabled","disableAddCustomField","addFieldDisabledHint","disableAddCustomFieldContent","canEditField","field","_customFieldFor","editable","deleteField","fieldId","origin","creatableFieldTypes","t","container","translate","map","ft","label","namePlaceholder","patternsType","existingFieldKeys","allUserCustomFields","maxReached","isReachedMaxCustomFields","permissions","defaultPermissions","supportsPermissions","supportsPii","containsPii","fieldModalText","environment","addTitle","editTitle","settingsLabel","addSubtitle","text","note","learnMore","href","language","addField","editField","_fieldId","getFieldDraft","extractFieldValuesFromSchema"],"sources":["../../../../src/components/DataExtension/dataExtensionFieldManagement.ts"],"sourcesContent":["import type {\n CustomField,\n CustomFieldForm,\n CustomFieldType,\n DataExtensionState,\n FieldDraft,\n FieldManagement,\n FieldTypeOption,\n NonReferenceField,\n ReportBI,\n TranslationsKeys,\n} from '@wix/bex-core';\nimport { runInAction } from 'mobx';\n\nexport const CUSTOM_FIELD_TYPE_TO_PATTERNS: Record<\n CustomFieldType,\n NonReferenceField['type']\n> = {\n shortText: 'SHORT_TEXT',\n longText: 'LONG_TEXT',\n url: 'URL',\n date: 'DATE',\n dateTime: 'DATETIME',\n integer: 'NUMBER',\n decimal: 'NUMBER',\n checkbox: 'BOOLEAN',\n dropdown: 'SHORT_TEXT',\n multiSelect: 'ARRAY',\n files: 'DOCUMENT',\n};\n\nexport const toPatternsFieldType = (\n type: CustomFieldType,\n): NonReferenceField['type'] =>\n CUSTOM_FIELD_TYPE_TO_PATTERNS[type] ?? 'UNKNOWN';\n\nconst isCustomFieldType = (type: string): type is CustomFieldType =>\n type in CUSTOM_FIELD_TYPE_TO_PATTERNS;\n\nconst CREATABLE_TYPES: readonly {\n id: CustomFieldType;\n labelKey: TranslationsKeys;\n namePlaceholderKey: TranslationsKeys;\n}[] = [\n {\n id: 'shortText',\n labelKey: 'cairo.customFields.fieldType.shortText',\n namePlaceholderKey:\n 'cairo.customFields.fieldType.shortText.Name.placeholder',\n },\n {\n id: 'longText',\n labelKey: 'cairo.customFields.fieldType.longText',\n namePlaceholderKey:\n 'cairo.customFields.fieldType.longText.Name.placeholder',\n },\n {\n id: 'date',\n labelKey: 'cairo.customFields.fieldType.date',\n namePlaceholderKey: 'cairo.customFields.fieldType.date.Name.placeholder',\n },\n {\n id: 'dateTime',\n labelKey: 'cairo.customFields.fieldType.dateAndTime',\n namePlaceholderKey:\n 'cairo.customFields.fieldType.dateAndTime.Name.placeholder',\n },\n {\n id: 'integer',\n labelKey: 'cairo.customFields.fieldType.numberInteger',\n namePlaceholderKey:\n 'cairo.customFields.fieldType.numberInteger.Name.placeholder',\n },\n {\n id: 'decimal',\n labelKey: 'cairo.customFields.fieldType.numberDecimal',\n namePlaceholderKey:\n 'cairo.customFields.fieldType.numberDecimal.Name.placeholder',\n },\n {\n id: 'checkbox',\n labelKey: 'cairo.customFields.fieldType.checkbox',\n namePlaceholderKey:\n 'cairo.customFields.fieldType.checkbox.Name.placeholder',\n },\n {\n id: 'url',\n labelKey: 'cairo.customFields.fieldType.url',\n namePlaceholderKey: 'cairo.customFields.placeholder.url',\n },\n];\n\nexport interface DataExtensionFieldManagementParams {\n dataExtension: DataExtensionState;\n reportBi: ReportBI;\n}\n\nexport const dataExtensionFieldManagement = ({\n dataExtension,\n reportBi,\n}: DataExtensionFieldManagementParams): FieldManagement => {\n const customFieldFor = (id: string): CustomField \| undefined =>\n dataExtension.availableCustomFields.find((f) => f.id === id);\n\n const toCustomFieldForm = (draft: FieldDraft): CustomFieldForm => ({\n ...draft,\n type: draft.type && isCustomFieldType(draft.type) ? draft.type : undefined,\n });\n\n const upsertField = async (draft: FieldDraft) => {\n const { dataExtensionSchema } =\n await dataExtension.dataExtensionService.addCustomField({\n form: toCustomFieldForm(draft),\n schema: dataExtension.userSchema,\n fqdn: dataExtension.fqdnString,\n filterable: dataExtension.filterable,\n });\n\n runInAction(() => {\n if (dataExtensionSchema) {\n dataExtension._upsertSchema(dataExtensionSchema);\n }\n });\n };\n\n return {\n get canAddFields() {\n return !dataExtension.disableUserDefinedWriting;\n },\n get addFieldDisabled() {\n return dataExtension.disableAddCustomField;\n },\n get addFieldDisabledHint() {\n return dataExtension.disableAddCustomFieldContent \|\| undefined;\n },\n canEditField: (field) => customFieldFor(field.id)?.editable ?? false,\n deleteField: async (fieldId, origin) => {\n await dataExtension.deleteField({\n id: fieldId,\n origin,\n reportBi,\n });\n },\n\n // Lazy: translate on access (after the container's i18n has loaded), not at\n // construction — the source is built before `load()` runs initTask, so an\n // eager map would freeze the raw translation keys.\n get creatableFieldTypes(): FieldTypeOption[] {\n const t = dataExtension.container.translate;\n return CREATABLE_TYPES.map((ft) => ({\n id: ft.id,\n label: t(ft.labelKey),\n namePlaceholder: t(ft.namePlaceholderKey),\n patternsType: toPatternsFieldType(ft.id),\n }));\n },\n get existingFieldKeys() {\n // All user fields, not just the available ones: duplicate-key detection\n // must also catch keys of fields that exist but aren't currently shown.\n return dataExtension.allUserCustomFields.map((f) => f.id);\n },\n get maxReached() {\n return dataExtension.isReachedMaxCustomFields;\n },\n get permissions() {\n return dataExtension.defaultPermissions;\n },\n supportsPermissions: true,\n get supportsPii() {\n return dataExtension.containsPii;\n },\n get fieldModalText() {\n const { translate: t, environment } = dataExtension.container;\n return {\n addTitle: t('cairo.customFields.addCustomField.modal.title'),\n editTitle: t('cairo.customFields.editCustomField.modal.title'),\n settingsLabel: t(\n 'cairo.customFields.addCustomField.modal.advancedSettings.readPermissions',\n ),\n addSubtitle: {\n text: t('cairo.customFields.addCustomField.modal.subtitle'),\n note: t('cairo.customFields.addCustomField.modal.subtitle.note'),\n learnMore: {\n label: t('cairo.subtitle.learnMore'),\n href: `https://support.wix.com/${environment.language}/article/about-custom-fields`,\n },\n },\n };\n },\n addField: upsertField,\n editField: (_fieldId, draft) => upsertField(draft),\n getFieldDraft: (fieldId) =>\n dataExtension.extractFieldValuesFromSchema(fieldId),\n };\n};\n"],"mappings":";;;;AAYA,IAAAA,KAAA,GAAAC,OAAA;AAEO,MAAMC,6BAGZ,GAAAC,OAAA,CAAAD,6BAAA,GAAG;EACFE,SAAS,EAAE,YAAY;EACvBC,QAAQ,EAAE,WAAW;EACrBC,GAAG,EAAE,KAAK;EACVC,IAAI,EAAE,MAAM;EACZC,QAAQ,EAAE,UAAU;EACpBC,OAAO,EAAE,QAAQ;EACjBC,OAAO,EAAE,QAAQ;EACjBC,QAAQ,EAAE,SAAS;EACnBC,QAAQ,EAAE,YAAY;EACtBC,WAAW,EAAE,OAAO;EACpBC,KAAK,EAAE;AACT,CAAC;AAEM,MAAMC,mBAAmB,GAC9BC,IAAqB,IAErBd,6BAA6B,CAACc,IAAI,CAAC,IAAI,SAAS;AAACb,OAAA,CAAAY,mBAAA,GAAAA,mBAAA;AAEnD,MAAME,iBAAiB,GAAID,IAAY,IACrCA,IAAI,IAAId,6BAA6B;AAEvC,MAAMgB,eAIH,GAAG,CACJ;EACEC,EAAE,EAAE,WAAW;EACfC,QAAQ,EAAE,wCAAwC;EAClDC,kBAAkB,EAChB;AACJ,CAAC,EACD;EACEF,EAAE,EAAE,UAAU;EACdC,QAAQ,EAAE,uCAAuC;EACjDC,kBAAkB,EAChB;AACJ,CAAC,EACD;EACEF,EAAE,EAAE,MAAM;EACVC,QAAQ,EAAE,mCAAmC;EAC7CC,kBAAkB,EAAE;AACtB,CAAC,EACD;EACEF,EAAE,EAAE,UAAU;EACdC,QAAQ,EAAE,0CAA0C;EACpDC,kBAAkB,EAChB;AACJ,CAAC,EACD;EACEF,EAAE,EAAE,SAAS;EACbC,QAAQ,EAAE,4CAA4C;EACtDC,kBAAkB,EAChB;AACJ,CAAC,EACD;EACEF,EAAE,EAAE,SAAS;EACbC,QAAQ,EAAE,4CAA4C;EACtDC,kBAAkB,EAChB;AACJ,CAAC,EACD;EACEF,EAAE,EAAE,UAAU;EACdC,QAAQ,EAAE,uCAAuC;EACjDC,kBAAkB,EAChB;AACJ,CAAC,EACD;EACEF,EAAE,EAAE,KAAK;EACTC,QAAQ,EAAE,kCAAkC;EAC5CC,kBAAkB,EAAE;AACtB,CAAC,CACF;AAOM,MAAMC,4BAA4B,GAAGA,CAAC;EAC3CC,aAAa;EACbC;AACkC,CAAC,KAAsB;EACzD,MAAMC,cAAc,GAAIN,EAAU,IAChCI,aAAa,CAACG,qBAAqB,CAACC,IAAI,CAAEC,CAAC,IAAKA,CAAC,CAACT,EAAE,KAAKA,EAAE,CAAC;EAE9D,MAAMU,iBAAiB,GAAIC,KAAiB,KAAuB;IACjE,GAAGA,KAAK;IACRd,IAAI,EAAEc,KAAK,CAACd,IAAI,IAAIC,iBAAiB,CAACa,KAAK,CAACd,IAAI,CAAC,GAAGc,KAAK,CAACd,IAAI,GAAGe;EACnE,CAAC,CAAC;EAEF,MAAMC,WAAW,GAAG,MAAOF,KAAiB,IAAK;IAC/C,MAAM;MAAEG;IAAoB,CAAC,GAC3B,MAAMV,aAAa,CAACW,oBAAoB,CAACC,cAAc,CAAC;MACtDC,IAAI,EAAEP,iBAAiB,CAACC,KAAK,CAAC;MAC9BO,MAAM,EAAEd,aAAa,CAACe,UAAU;MAChCC,IAAI,EAAEhB,aAAa,CAACiB,UAAU;MAC9BC,UAAU,EAAElB,aAAa,CAACkB;IAC5B,CAAC,CAAC;IAEJ,IAAAC,iBAAW,EAAC,MAAM;MAChB,IAAIT,mBAAmB,EAAE;QACvBV,aAAa,CAACoB,aAAa,CAACV,mBAAmB,CAAC;MAClD;IACF,CAAC,CAAC;EACJ,CAAC;EAED,OAAO;IACL,IAAIW,YAAYA,CAAA,EAAG;MACjB,OAAO,CAACrB,aAAa,CAACsB,yBAAyB;IACjD,CAAC;IACD,IAAIC,gBAAgBA,CAAA,EAAG;MACrB,OAAOvB,aAAa,CAACwB,qBAAqB;IAC5C,CAAC;IACD,IAAIC,oBAAoBA,CAAA,EAAG;MACzB,OAAOzB,aAAa,CAAC0B,4BAA4B,IAAIlB,SAAS;IAChE,CAAC;IACDmB,YAAY,EAAGC,KAAK;MAAA,IAAAC,eAAA;MAAA,OAAK,EAAAA,eAAA,GAAA3B,cAAc,CAAC0B,KAAK,CAAChC,EAAE,CAAC,qBAAxBiC,eAAA,CAA0BC,QAAQ,KAAI,KAAK;IAAA;IACpEC,WAAW,EAAE,MAAAA,CAAOC,OAAO,EAAEC,MAAM,KAAK;MACtC,MAAMjC,aAAa,CAAC+B,WAAW,CAAC;QAC9BnC,EAAE,EAAEoC,OAAO;QACXC,MAAM;QACNhC;MACF,CAAC,CAAC;IACJ,CAAC;IAED;IACA;IACA;IACA,IAAIiC,mBAAmBA,CAAA,EAAsB;MAC3C,MAAMC,CAAC,GAAGnC,aAAa,CAACoC,SAAS,CAACC,SAAS;MAC3C,OAAO1C,eAAe,CAAC2C,GAAG,CAAEC,EAAE,KAAM;QAClC3C,EAAE,EAAE2C,EAAE,CAAC3C,EAAE;QACT4C,KAAK,EAAEL,CAAC,CAACI,EAAE,CAAC1C,QAAQ,CAAC;QACrB4C,eAAe,EAAEN,CAAC,CAACI,EAAE,CAACzC,kBAAkB,CAAC;QACzC4C,YAAY,EAAElD,mBAAmB,CAAC+C,EAAE,CAAC3C,EAAE;MACzC,CAAC,CAAC,CAAC;IACL,CAAC;IACD,IAAI+C,iBAAiBA,CAAA,EAAG;MACtB;MACA;MACA,OAAO3C,aAAa,CAAC4C,mBAAmB,CAACN,GAAG,CAAEjC,CAAC,IAAKA,CAAC,CAACT,EAAE,CAAC;IAC3D,CAAC;IACD,IAAIiD,UAAUA,CAAA,EAAG;MACf,OAAO7C,aAAa,CAAC8C,wBAAwB;IAC/C,CAAC;IACD,IAAIC,WAAWA,CAAA,EAAG;MAChB,OAAO/C,aAAa,CAACgD,kBAAkB;IACzC,CAAC;IACDC,mBAAmB,EAAE,IAAI;IACzB,IAAIC,WAAWA,CAAA,EAAG;MAChB,OAAOlD,aAAa,CAACmD,WAAW;IAClC,CAAC;IACD,IAAIC,cAAcA,CAAA,EAAG;MACnB,MAAM;QAAEf,SAAS,EAAEF,CAAC;QAAEkB;MAAY,CAAC,GAAGrD,aAAa,CAACoC,SAAS;MAC7D,OAAO;QACLkB,QAAQ,EAAEnB,CAAC,CAAC,+CAA+C,CAAC;QAC5DoB,SAAS,EAAEpB,CAAC,CAAC,gDAAgD,CAAC;QAC9DqB,aAAa,EAAErB,CAAC,CACd,0EACF,CAAC;QACDsB,WAAW,EAAE;UACXC,IAAI,EAAEvB,CAAC,CAAC,kDAAkD,CAAC;UAC3DwB,IAAI,EAAExB,CAAC,CAAC,uDAAuD,CAAC;UAChEyB,SAAS,EAAE;YACTpB,KAAK,EAAEL,CAAC,CAAC,0BAA0B,CAAC;YACpC0B,IAAI,EAAE,2BAA2BR,WAAW,CAACS,QAAQ;UACvD;QACF;MACF,CAAC;IACH,CAAC;IACDC,QAAQ,EAAEtD,WAAW;IACrBuD,SAAS,EAAEA,CAACC,QAAQ,EAAE1D,KAAK,KAAKE,WAAW,CAACF,KAAK,CAAC;IAClD2D,aAAa,EAAGlC,OAAO,IACrBhC,aAAa,CAACmE,4BAA4B,CAACnC,OAAO;EACtD,CAAC;AACH,CAAC;AAACpD,OAAA,CAAAmB,4BAAA,GAAAA,4BAAA","ignoreList":[]}

package/dist/cjs/components/DataExtension/manageCustomFieldsPageAction.js CHANGED Viewed

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.manageCustomFieldsPageAction = manageCustomFieldsPageAction;
 var _react = _interopRequireDefault(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/DataExtension/manageCustomFieldsPageAction.tsx";
 function manageCustomFieldsPageAction({
   pageState,
@@ -17,7 +17,7 @@ function manageCustomFieldsPageAction({
     biName: 'manage-custom-fields',
     dataHook: 'manage-custom-fields',
     text: t('cairo.customFields.manageFields.title'),
-    prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.AdjustSmall, {
+    prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.AdjustSmall, {
       __self: this,
       __source: {
         fileName: _jsxFileName,

package/dist/cjs/components/DataExtension/manageCustomFieldsPageAction.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","~~_wixUiIconsCommon~~","_jsxFileName","manageCustomFieldsPageAction","pageState","container","translate","t","biName","dataHook","text","prefixIcon","default","createElement","AdjustSmall","__self","__source","fileName","lineNumber","columnNumber","onClick","_pageState$primaryToo","primaryToolbar","panels","openSidePanel"],"sources":["../../../../src/components/DataExtension/manageCustomFieldsPageAction.tsx"],"sourcesContent":["import { CollectionPageState, WixPatternsContainer } from '@wix/bex-core';\nimport { MoreActionsItem } from '../MoreActions';\nimport React from 'react';\nimport { AdjustSmall } from '@wix/wix-ui-icons-common';\n\nexport function manageCustomFieldsPageAction({\n pageState,\n container,\n}: {\n pageState: CollectionPageState;\n container: WixPatternsContainer;\n}): MoreActionsItem {\n const { translate: t } = container;\n return {\n biName: 'manage-custom-fields',\n dataHook: 'manage-custom-fields',\n text: t('cairo.customFields.manageFields.title'),\n prefixIcon: <AdjustSmall />,\n onClick: () => {\n pageState.primaryToolbar?.panels.openSidePanel('customFields');\n },\n };\n}\n"],"mappings":";;;;;AAEA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,~~iBAAA~~,GAAAD,OAAA;~~AAAuD~~,IAAAE,YAAA;~~AAEhD~~,SAASC,4BAA4BA,CAAC;EAC3CC,SAAS;EACTC;AAIF,CAAC,EAAmB;EAClB,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGF,SAAS;EAClC,OAAO;IACLG,MAAM,EAAE,sBAAsB;IAC9BC,QAAQ,EAAE,sBAAsB;IAChCC,IAAI,EAAEH,CAAC,CAAC,uCAAuC,CAAC;IAChDI,UAAU,eAAEb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,~~iBAAA~~,CAAAa,WAAW;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAf,YAAA;QAAAgB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;IAC3BC,OAAO,EAAEA,CAAA,KAAM;MAAA,IAAAC,qBAAA;MACb,CAAAA,qBAAA,GAAAjB,SAAS,CAACkB,cAAc,aAAxBD,qBAAA,CAA0BE,MAAM,CAACC,aAAa,CAAC,cAAc,CAAC;IAChE;EACF,CAAC;AACH","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_lazy","_jsxFileName","manageCustomFieldsPageAction","pageState","container","translate","t","biName","dataHook","text","prefixIcon","default","createElement","AdjustSmall","__self","__source","fileName","lineNumber","columnNumber","onClick","_pageState$primaryToo","primaryToolbar","panels","openSidePanel"],"sources":["../../../../src/components/DataExtension/manageCustomFieldsPageAction.tsx"],"sourcesContent":["import { CollectionPageState, WixPatternsContainer } from '@wix/bex-core';\nimport { MoreActionsItem } from '../MoreActions';\nimport React from 'react';\nimport { AdjustSmall } from '@wix/wix-ui-icons-common/lazy';\n\nexport function manageCustomFieldsPageAction({\n pageState,\n container,\n}: {\n pageState: CollectionPageState;\n container: WixPatternsContainer;\n}): MoreActionsItem {\n const { translate: t } = container;\n return {\n biName: 'manage-custom-fields',\n dataHook: 'manage-custom-fields',\n text: t('cairo.customFields.manageFields.title'),\n prefixIcon: <AdjustSmall />,\n onClick: () => {\n pageState.primaryToolbar?.panels.openSidePanel('customFields');\n },\n };\n}\n"],"mappings":";;;;;AAEA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAA4D,IAAAE,YAAA;AAErD,SAASC,4BAA4BA,CAAC;EAC3CC,SAAS;EACTC;AAIF,CAAC,EAAmB;EAClB,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAGF,SAAS;EAClC,OAAO;IACLG,MAAM,EAAE,sBAAsB;IAC9BC,QAAQ,EAAE,sBAAsB;IAChCC,IAAI,EAAEH,CAAC,CAAC,uCAAuC,CAAC;IAChDI,UAAU,eAAEb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,KAAA,CAAAa,WAAW;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAf,YAAA;QAAAgB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;IAC3BC,OAAO,EAAEA,CAAA,KAAM;MAAA,IAAAC,qBAAA;MACb,CAAAA,qBAAA,GAAAjB,SAAS,CAACkB,cAAc,aAAxBD,qBAAA,CAA0BE,MAAM,CAACC,aAAa,CAAC,cAAc,CAAC;IAChE;EACF,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/DateRangePicker/DateRangePicker.js CHANGED Viewed

@@ -7,7 +7,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _useWindowFlipPopoverProps = require("../../utils/useWindowFlipPopoverProps");
 var _PatternsThemeProvider = require("../../themes/PatternsThemeProvider");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/DateRangePicker/DateRangePicker.tsx";
@@ -52,7 +52,7 @@ function _DateRangePicker(props) {
         lineNumber: 47,
         columnNumber: 7
       }
-    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.TimeSmall, {
+    }, /*#__PURE__*/_react.default.createElement(_lazy.TimeSmall, {
       __self: this,
       __source: {
         fileName: _jsxFileName,

package/dist/cjs/components/DateRangePicker/DateRangePicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_useWindowFlipPopoverProps","_PatternsThemeProvider","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_DateRangePicker","props","state","dataHook","popoverProps","rest","translate","filterByTime","datePickerFrom","useRef","datePickerTo","windowFlipPopoverProps","useWindowFlipPopoverProps","rangePicker","usePatternsTheme","commonInputProps","size","commonDatePickerProps","shouldCloseOnSelect","dateStyle","width","zIndex","commonTimeInputProps","prefix","createElement","Input","IconAffix","__self","__source","fileName","lineNumber","columnNumber","TimeSmall","filterDateFrom","useMemo","date","to","filterDateTo","from","filterDateTimeFrom","isToTimeSet","filterDateTimeTo","isFromTimeSet","fromPicker","DatePicker","_extends2","ref","placeholderText","onChange","onFromSelected","value","undefined","filterDate","onClose","onFromClosed","placement","clearButton","inputProps","clearButtonAriaLabel","onClear","toPicker","onToSelected","onToClosed","Box","direction","gap","Text","flex","TimeInput","placeholder","onFromTimeSelected","disabled","filterTime","onToTimeSelected","DateRangePicker","exports","observer"],"sources":["../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n Box,\n DatePicker,\n DatePickerProps,\n Text,\n TimeInput,\n Input,\n TimeInputProps,\n} from '@wix/design-system';\nimport { DateRangePickerState } from '../../state';\nimport { TimeSmall } from '@wix/wix-ui-icons-common';\nimport { useWindowFlipPopoverProps } from '../../utils/useWindowFlipPopoverProps';\nimport { usePatternsTheme } from '../../themes/PatternsThemeProvider';\n\nexport interface DateRangePickerProps extends Partial<DatePickerProps> {\n state: DateRangePickerState;\n}\n\nfunction _DateRangePicker(props: DateRangePickerProps) {\n const { state, dataHook, popoverProps, ...rest } = props;\n const { translate: t, filterByTime } = state;\n const datePickerFrom = useRef<DatePicker>(null);\n const datePickerTo = useRef<DatePicker>(null);\n const { windowFlipPopoverProps } = useWindowFlipPopoverProps({\n popoverProps,\n });\n\n const { rangePicker } = usePatternsTheme();\n\n const commonInputProps = {\n size: rangePicker.size,\n };\n\n const commonDatePickerProps: Partial<DatePickerProps> = {\n ...commonInputProps,\n shouldCloseOnSelect: true,\n dateStyle: 'medium',\n width: filterByTime ? '100%' : rangePicker.width,\n zIndex: rangePicker.zIndex,\n };\n\n const commonTimeInputProps: Partial<TimeInputProps> = {\n ...commonInputProps,\n prefix: (\n <Input.IconAffix>\n <TimeSmall />\n </Input.IconAffix>\n ),\n popoverProps: windowFlipPopoverProps,\n };\n\n const filterDateFrom = useMemo(\n () => (date: Date) => state.filterDateFrom(date),\n [state.to],\n );\n const filterDateTo = useMemo(\n () => (date: Date) => state.filterDateTo(date),\n [state.from],\n );\n\n const filterDateTimeFrom = useMemo(\n () => (date: Date) => state.filterDateTimeFrom(date),\n [state.to, state.from, state.isToTimeSet],\n );\n const filterDateTimeTo = useMemo(\n () => (date: Date) => state.filterDateTimeTo(date),\n [state.from, state.to, state.isFromTimeSet],\n );\n\n const fromPicker = (\n <DatePicker\n ref={datePickerFrom}\n placeholderText={t('cairo.filtersPanel.date.title')}\n onChange={(from: Date) => state.onFromSelected(from)}\n value={state.from ?? undefined}\n filterDate={filterDateFrom}\n onClose={() => state.onFromClosed()}\n dataHook=\"date-range-picker-from\"\n popoverProps={{\n ...windowFlipPopoverProps,\n placement: 'bottom-start',\n }}\n clearButton\n inputProps={{\n clearButtonAriaLabel: t(\n 'cairo.filtersPanel.date.from.clearButton.ariaLabel',\n ),\n }}\n onClear={() => state.onFromSelected(null)}\n {...rest}\n {...commonDatePickerProps}\n />\n );\n\n const toPicker = (\n <DatePicker\n ref={datePickerTo}\n placeholderText={t('cairo.filtersPanel.date.title')}\n onChange={(to: Date) => state.onToSelected(to)}\n value={state.to ?? undefined}\n filterDate={filterDateTo}\n onClose={() => state.onToClosed()}\n dataHook=\"date-range-picker-to\"\n popoverProps={{\n ...windowFlipPopoverProps,\n placement: 'bottom-end',\n }}\n clearButton\n inputProps={{\n clearButtonAriaLabel: t(\n 'cairo.filtersPanel.date.to.clearButton.ariaLabel',\n ),\n }}\n onClear={() => state.onToSelected(null)}\n {...rest}\n {...commonDatePickerProps}\n />\n );\n\n return (\n <Box\n direction={filterByTime ? 'vertical' : 'horizontal'}\n gap=\"SP2\"\n dataHook={dataHook}\n width=\"100%\"\n >\n <Box direction=\"vertical\" gap=\"SP1\">\n <Text size=\"small\">\n {t('cairo.filtersPanel.date.from.placeholder')}\n </Text>\n {filterByTime ? (\n <Box gap=\"SP2\" width=\"100%\">\n <Box flex={1}>{fromPicker}</Box>\n <TimeInput\n dataHook=\"date-range-picker-time-from\"\n placeholder={t('cairo.filtersPanel.time.title')}\n value={state.isFromTimeSet ? state.from : null}\n onChange={({ date }) => state.onFromTimeSelected(date)}\n disabled={!state.from}\n filterTime={filterDateTimeFrom}\n size=\"small\"\n {...commonTimeInputProps}\n />\n </Box>\n ) : (\n fromPicker\n )}\n </Box>\n\n <Box direction=\"vertical\" gap=\"SP1\">\n <Text size=\"small\">{t('cairo.filtersPanel.date.to.placeholder')}</Text>\n {filterByTime ? (\n <Box gap=\"SP2\" width=\"100%\">\n <Box flex={1}>{toPicker}</Box>\n <TimeInput\n dataHook=\"date-range-picker-time-to\"\n placeholder={t('cairo.filtersPanel.time.title')}\n value={state.isToTimeSet ? state.to : null}\n onChange={({ date }) => state.onToTimeSelected(date)}\n disabled={!state.to}\n filterTime={filterDateTimeTo}\n {...commonTimeInputProps}\n />\n </Box>\n ) : (\n toPicker\n )}\n </Box>\n </Box>\n );\n}\n\nexport const DateRangePicker = observer(_DateRangePicker);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAUA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,0BAAA,GAAAJ,OAAA;AACA,IAAAK,sBAAA,GAAAL,OAAA;AAAsE,IAAAM,YAAA;AAAA,SAAAP,wBAAAQ,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAQ,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAMtE,SAASkB,gBAAgBA,CAACC,KAA2B,EAAE;EACrD,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,YAAY;IAAE,GAAGC;EAAK,CAAC,GAAGJ,KAAK;EACxD,MAAM;IAAEK,SAAS,EAAExB,CAAC;IAAEyB;EAAa,CAAC,GAAGL,KAAK;EAC5C,MAAMM,cAAc,GAAG,IAAAC,aAAM,EAAa,IAAI,CAAC;EAC/C,MAAMC,YAAY,GAAG,IAAAD,aAAM,EAAa,IAAI,CAAC;EAC7C,MAAM;IAAEE;EAAuB,CAAC,GAAG,IAAAC,oDAAyB,EAAC;IAC3DR;EACF,CAAC,CAAC;EAEF,MAAM;IAAES;EAAY,CAAC,GAAG,IAAAC,uCAAgB,EAAC,CAAC;EAE1C,MAAMC,gBAAgB,GAAG;IACvBC,IAAI,EAAEH,WAAW,CAACG;EACpB,CAAC;EAED,MAAMC,qBAA+C,GAAG;IACtD,GAAGF,gBAAgB;IACnBG,mBAAmB,EAAE,IAAI;IACzBC,SAAS,EAAE,QAAQ;IACnBC,KAAK,EAAEb,YAAY,GAAG,MAAM,GAAGM,WAAW,CAACO,KAAK;IAChDC,MAAM,EAAER,WAAW,CAACQ;EACtB,CAAC;EAED,MAAMC,oBAA6C,GAAG;IACpD,GAAGP,gBAAgB;IACnBQ,MAAM,eACJnD,MAAA,CAAAmB,OAAA,CAAAiC,aAAA,CAAChD,aAAA,CAAAiD,KAAK,CAACC,SAAS;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjD,YAAA;QAAAkD,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACd3D,MAAA,CAAAmB,OAAA,CAAAiC,aAAA,CAAC/C,iBAAA,CAAAuD,SAAS;MAAAL,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjD,YAAA;QAAAkD,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACG,CAClB;IACD3B,YAAY,EAAEO;EAChB,CAAC;EAED,MAAMsB,cAAc,GAAG,IAAAC,cAAO,EAC5B,MAAOC,IAAU,IAAKjC,KAAK,CAAC+B,cAAc,CAACE,IAAI,CAAC,EAChD,CAACjC,KAAK,CAACkC,EAAE,CACX,CAAC;EACD,MAAMC,YAAY,GAAG,IAAAH,cAAO,EAC1B,MAAOC,IAAU,IAAKjC,KAAK,CAACmC,YAAY,CAACF,IAAI,CAAC,EAC9C,CAACjC,KAAK,CAACoC,IAAI,CACb,CAAC;EAED,MAAMC,kBAAkB,GAAG,IAAAL,cAAO,EAChC,MAAOC,IAAU,IAAKjC,KAAK,CAACqC,kBAAkB,CAACJ,IAAI,CAAC,EACpD,CAACjC,KAAK,CAACkC,EAAE,EAAElC,KAAK,CAACoC,IAAI,EAAEpC,KAAK,CAACsC,WAAW,CAC1C,CAAC;EACD,MAAMC,gBAAgB,GAAG,IAAAP,cAAO,EAC9B,MAAOC,IAAU,IAAKjC,KAAK,CAACuC,gBAAgB,CAACN,IAAI,CAAC,EAClD,CAACjC,KAAK,CAACoC,IAAI,EAAEpC,KAAK,CAACkC,EAAE,EAAElC,KAAK,CAACwC,aAAa,CAC5C,CAAC;EAED,MAAMC,UAAU,gBACdvE,MAAA,CAAAmB,OAAA,CAAAiC,aAAA,CAAChD,aAAA,CAAAoE,UAAU,MAAAC,SAAA,CAAAtD,OAAA;IACTuD,GAAG,EAAEtC,cAAe;IACpBuC,eAAe,EAAEjE,CAAC,CAAC,+BAA+B,CAAE;IACpDkE,QAAQ,EAAGV,IAAU,IAAKpC,KAAK,CAAC+C,cAAc,CAACX,IAAI,CAAE;IACrDY,KAAK,EAAEhD,KAAK,CAACoC,IAAI,IAAIa,SAAU;IAC/BC,UAAU,EAAEnB,cAAe;IAC3BoB,OAAO,EAAEA,CAAA,KAAMnD,KAAK,CAACoD,YAAY,CAAC,CAAE;IACpCnD,QAAQ,EAAC,wBAAwB;IACjCC,YAAY,EAAE;MACZ,GAAGO,sBAAsB;MACzB4C,SAAS,EAAE;IACb,CAAE;IACFC,WAAW;IACXC,UAAU,EAAE;MACVC,oBAAoB,EAAE5E,CAAC,CACrB,oDACF;IACF,CAAE;IACF6E,OAAO,EAAEA,CAAA,KAAMzD,KAAK,CAAC+C,cAAc,CAAC,IAAI;EAAE,GACtC5C,IAAI,EACJY,qBAAqB;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjD,YAAA;MAAAkD,UAAA;MAAAC,YAAA;IAAA;EAAA,EAC1B,CACF;EAED,MAAM6B,QAAQ,gBACZxF,MAAA,CAAAmB,OAAA,CAAAiC,aAAA,CAAChD,aAAA,CAAAoE,UAAU,MAAAC,SAAA,CAAAtD,OAAA;IACTuD,GAAG,EAAEpC,YAAa;IAClBqC,eAAe,EAAEjE,CAAC,CAAC,+BAA+B,CAAE;IACpDkE,QAAQ,EAAGZ,EAAQ,IAAKlC,KAAK,CAAC2D,YAAY,CAACzB,EAAE,CAAE;IAC/Cc,KAAK,EAAEhD,KAAK,CAACkC,EAAE,IAAIe,SAAU;IAC7BC,UAAU,EAAEf,YAAa;IACzBgB,OAAO,EAAEA,CAAA,KAAMnD,KAAK,CAAC4D,UAAU,CAAC,CAAE;IAClC3D,QAAQ,EAAC,sBAAsB;IAC/BC,YAAY,EAAE;MACZ,GAAGO,sBAAsB;MACzB4C,SAAS,EAAE;IACb,CAAE;IACFC,WAAW;IACXC,UAAU,EAAE;MACVC,oBAAoB,EAAE5E,CAAC,CACrB,kDACF;IACF,CAAE;IACF6E,OAAO,EAAEA,CAAA,KAAMzD,KAAK,CAAC2D,YAAY,CAAC,IAAI;EAAE,GACpCxD,IAAI,EACJY,qBAAqB;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjD,YAAA;MAAAkD,UAAA;MAAAC,YAAA;IAAA;EAAA,EAC1B,CACF;EAED,oBACE3D,MAAA,CAAAmB,OAAA,CAAAiC,aAAA,CAAChD,aAAA,CAAAuF,GAAG;IACFC,SAAS,EAAEzD,YAAY,GAAG,UAAU,GAAG,YAAa;IACpD0D,GAAG,EAAC,KAAK;IACT9D,QAAQ,EAAEA,QAAS;IACnBiB,KAAK,EAAC,MAAM;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjD,YAAA;MAAAkD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEZ3D,MAAA,CAAAmB,OAAA,CAAAiC,aAAA,CAAChD,aAAA,CAAAuF,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,GAAG,EAAC,KAAK;IAAAtC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjD,YAAA;MAAAkD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjC3D,MAAA,CAAAmB,OAAA,CAAAiC,aAAA,CAAChD,aAAA,CAAA0F,IAAI;IAAClD,IAAI,EAAC,OAAO;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjD,YAAA;MAAAkD,UAAA;MAAAC,YAAA;IAAA;EAAA,GACfjD,CAAC,CAAC,0CAA0C,CACzC,CAAC,EACNyB,YAAY,gBACXnC,MAAA,CAAAmB,OAAA,CAAAiC,aAAA,CAAChD,aAAA,CAAAuF,GAAG;IAACE,GAAG,EAAC,KAAK;IAAC7C,KAAK,EAAC,MAAM;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjD,YAAA;MAAAkD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACzB3D,MAAA,CAAAmB,OAAA,CAAAiC,aAAA,CAAChD,aAAA,CAAAuF,GAAG;IAACI,IAAI,EAAE,CAAE;IAAAxC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjD,YAAA;MAAAkD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEY,UAAgB,CAAC,eAChCvE,MAAA,CAAAmB,OAAA,CAAAiC,aAAA,CAAChD,aAAA,CAAA4F,SAAS,MAAAvB,SAAA,CAAAtD,OAAA;IACRY,QAAQ,EAAC,6BAA6B;IACtCkE,WAAW,EAAEvF,CAAC,CAAC,+BAA+B,CAAE;IAChDoE,KAAK,EAAEhD,KAAK,CAACwC,aAAa,GAAGxC,KAAK,CAACoC,IAAI,GAAG,IAAK;IAC/CU,QAAQ,EAAEA,CAAC;MAAEb;IAAK,CAAC,KAAKjC,KAAK,CAACoE,kBAAkB,CAACnC,IAAI,CAAE;IACvDoC,QAAQ,EAAE,CAACrE,KAAK,CAACoC,IAAK;IACtBkC,UAAU,EAAEjC,kBAAmB;IAC/BvB,IAAI,EAAC;EAAO,GACRM,oBAAoB;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjD,YAAA;MAAAkD,UAAA;MAAAC,YAAA;IAAA;EAAA,EACzB,CACE,CAAC,GAENY,UAEC,CAAC,eAENvE,MAAA,CAAAmB,OAAA,CAAAiC,aAAA,CAAChD,aAAA,CAAAuF,GAAG;IAACC,SAAS,EAAC,UAAU;IAACC,GAAG,EAAC,KAAK;IAAAtC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjD,YAAA;MAAAkD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACjC3D,MAAA,CAAAmB,OAAA,CAAAiC,aAAA,CAAChD,aAAA,CAAA0F,IAAI;IAAClD,IAAI,EAAC,OAAO;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjD,YAAA;MAAAkD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAEjD,CAAC,CAAC,wCAAwC,CAAQ,CAAC,EACtEyB,YAAY,gBACXnC,MAAA,CAAAmB,OAAA,CAAAiC,aAAA,CAAChD,aAAA,CAAAuF,GAAG;IAACE,GAAG,EAAC,KAAK;IAAC7C,KAAK,EAAC,MAAM;IAAAO,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjD,YAAA;MAAAkD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACzB3D,MAAA,CAAAmB,OAAA,CAAAiC,aAAA,CAAChD,aAAA,CAAAuF,GAAG;IAACI,IAAI,EAAE,CAAE;IAAAxC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjD,YAAA;MAAAkD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAE6B,QAAc,CAAC,eAC9BxF,MAAA,CAAAmB,OAAA,CAAAiC,aAAA,CAAChD,aAAA,CAAA4F,SAAS,MAAAvB,SAAA,CAAAtD,OAAA;IACRY,QAAQ,EAAC,2BAA2B;IACpCkE,WAAW,EAAEvF,CAAC,CAAC,+BAA+B,CAAE;IAChDoE,KAAK,EAAEhD,KAAK,CAACsC,WAAW,GAAGtC,KAAK,CAACkC,EAAE,GAAG,IAAK;IAC3CY,QAAQ,EAAEA,CAAC;MAAEb;IAAK,CAAC,KAAKjC,KAAK,CAACuE,gBAAgB,CAACtC,IAAI,CAAE;IACrDoC,QAAQ,EAAE,CAACrE,KAAK,CAACkC,EAAG;IACpBoC,UAAU,EAAE/B;EAAiB,GACzBnB,oBAAoB;IAAAK,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjD,YAAA;MAAAkD,UAAA;MAAAC,YAAA;IAAA;EAAA,EACzB,CACE,CAAC,GAEN6B,QAEC,CACF,CAAC;AAEV;AAEO,MAAMc,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,uBAAQ,EAAC5E,gBAAgB,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_lazy","_useWindowFlipPopoverProps","_PatternsThemeProvider","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_DateRangePicker","props","state","dataHook","popoverProps","rest","translate","filterByTime","datePickerFrom","useRef","datePickerTo","windowFlipPopoverProps","useWindowFlipPopoverProps","rangePicker","usePatternsTheme","commonInputProps","size","commonDatePickerProps","shouldCloseOnSelect","dateStyle","width","zIndex","commonTimeInputProps","prefix","createElement","Input","IconAffix","__self","__source","fileName","lineNumber","columnNumber","TimeSmall","filterDateFrom","useMemo","date","to","filterDateTo","from","filterDateTimeFrom","isToTimeSet","filterDateTimeTo","isFromTimeSet","fromPicker","DatePicker","_extends2","ref","placeholderText","onChange","onFromSelected","value","undefined","filterDate","onClose","onFromClosed","placement","clearButton","inputProps","clearButtonAriaLabel","onClear","toPicker","onToSelected","onToClosed","Box","direction","gap","Text","flex","TimeInput","placeholder","onFromTimeSelected","disabled","filterTime","onToTimeSelected","DateRangePicker","exports","observer"],"sources":["../../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import React, { useMemo, useRef } from 'react';\nimport { observer } from 'mobx-react-lite';\nimport {\n Box,\n DatePicker,\n DatePickerProps,\n Text,\n TimeInput,\n Input,\n TimeInputProps,\n} from '@wix/design-system';\nimport { DateRangePickerState } from '../../state';\nimport { TimeSmall } from '@wix/wix-ui-icons-common/lazy';\nimport { useWindowFlipPopoverProps } from '../../utils/useWindowFlipPopoverProps';\nimport { usePatternsTheme } from '../../themes/PatternsThemeProvider';\n\nexport interface DateRangePickerProps extends Partial<DatePickerProps> {\n state: DateRangePickerState;\n}\n\nfunction _DateRangePicker(props: DateRangePickerProps) {\n const { state, dataHook, popoverProps, ...rest } = props;\n const { translate: t, filterByTime } = state;\n const datePickerFrom = useRef<DatePicker>(null);\n const datePickerTo = useRef<DatePicker>(null);\n const { windowFlipPopoverProps } = useWindowFlipPopoverProps({\n popoverProps,\n });\n\n const { rangePicker } = usePatternsTheme();\n\n const commonInputProps = {\n size: rangePicker.size,\n };\n\n const commonDatePickerProps: Partial<DatePickerProps> = {\n ...commonInputProps,\n shouldCloseOnSelect: true,\n dateStyle: 'medium',\n width: filterByTime ? '100%' : rangePicker.width,\n zIndex: rangePicker.zIndex,\n };\n\n const commonTimeInputProps: Partial<TimeInputProps> = {\n ...commonInputProps,\n prefix: (\n <Input.IconAffix>\n <TimeSmall />\n </Input.IconAffix>\n ),\n popoverProps: windowFlipPopoverProps,\n };\n\n const filterDateFrom = useMemo(\n () => (date: Date) => state.filterDateFrom(date),\n [state.to],\n );\n const filterDateTo = useMemo(\n () => (date: Date) => state.filterDateTo(date),\n [state.from],\n );\n\n const filterDateTimeFrom = useMemo(\n () => (date: Date) => state.filterDateTimeFrom(date),\n [state.to, state.from, state.isToTimeSet],\n );\n const filterDateTimeTo = useMemo(\n () => (date: Date) => state.filterDateTimeTo(date),\n [state.from, state.to, state.isFromTimeSet],\n );\n\n const fromPicker = (\n <DatePicker\n ref={datePickerFrom}\n placeholderText={t('cairo.filtersPanel.date.title')}\n onChange={(from: Date) => state.onFromSelected(from)}\n value={state.from ?? undefined}\n filterDate={filterDateFrom}\n onClose={() => state.onFromClosed()}\n dataHook=\"date-range-picker-from\"\n popoverProps={{\n ...windowFlipPopoverProps,\n placement: 'bottom-start',\n }}\n clearButton\n inputProps={{\n clearButtonAriaLabel: t(\n 'cairo.filtersPanel.date.from.clearButton.ariaLabel',\n ),\n }}\n onClear={() => state.onFromSelected(null)}\n {...rest}\n {...commonDatePickerProps}\n />\n );\n\n const toPicker = (\n <DatePicker\n ref={datePickerTo}\n placeholderText={t('cairo.filtersPanel.date.title')}\n onChange={(to: Date) => state.onToSelected(to)}\n value={state.to ?? undefined}\n filterDate={filterDateTo}\n onClose={() => state.onToClosed()}\n dataHook=\"date-range-picker-to\"\n popoverProps={{\n ...windowFlipPopoverProps,\n placement: 'bottom-end',\n }}\n clearButton\n inputProps={{\n clearButtonAriaLabel: t(\n 'cairo.filtersPanel.date.to.clearButton.ariaLabel',\n ),\n }}\n onClear={() => state.onToSelected(null)}\n {...rest}\n {...commonDatePickerProps}\n />\n );\n\n return (\n <Box\n direction={filterByTime ? 'vertical' : 'horizontal'}\n gap=\"SP2\"\n dataHook={dataHook}\n width=\"100%\"\n >\n <Box direction=\"vertical\" gap=\"SP1\">\n <Text size=\"small\">\n {t('cairo.filtersPanel.date.from.placeholder')}\n </Text>\n {filterByTime ? (\n <Box gap=\"SP2\" width=\"100%\">\n <Box flex={1}>{fromPicker}</Box>\n <TimeInput\n dataHook=\"date-range-picker-time-from\"\n placeholder={t('cairo.filtersPanel.time.title')}\n value={state.isFromTimeSet ? state.from : null}\n onChange={({ date }) => state.onFromTimeSelected(date)}\n disabled={!state.from}\n filterTime={filterDateTimeFrom}\n size=\"small\"\n {...commonTimeInputProps}\n />\n </Box>\n ) : (\n fromPicker\n )}\n </Box>\n\n <Box direction=\"vertical\" gap=\"SP1\">\n <Text size=\"small\">{t('cairo.filtersPanel.date.to.placeholder')}</Text>\n {filterByTime ? (\n <Box gap=\"SP2\" width=\"100%\">\n <Box flex={1}>{toPicker}</Box>\n <TimeInput\n dataHook=\"date-range-picker-time-to\"\n placeholder={t('cairo.filtersPanel.time.title')}\n value={state.isToTimeSet ? state.to : null}\n onChange={({ date }) => state.onToTimeSelected(date)}\n disabled={!state.to}\n filterTime={filterDateTimeTo}\n {...commonTimeInputProps}\n />\n </Box>\n ) : (\n toPicker\n )}\n </Box>\n </Box>\n );\n}\n\nexport const DateRangePicker = observer(_DateRangePicker);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/DragHandle/DragHandle.st.css.js CHANGED Viewed

@@ -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_ = "DragHandle3040349821";
+var _namespace_ = "DragHandle549611350";
 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": "DragHandle3040349821__root"
+  "root": "DragHandle549611350__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/DragHandle/DragHandle.st.css.js.map CHANGED Viewed

	@@ -1 +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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~DragHandle3040349821~~\";\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\":\"~~DragHandle3040349821__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,~~sBAAsB~~;~~AACxC~~,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;~~AAA4B~~,CAAC;~~AACnD~~,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":[]}
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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle549611350\";\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\":\"DragHandle549611350__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,qBAAqB;AACvC,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;AAA2B,CAAC;AAClD,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/EditableTable/EditableCell.js CHANGED Viewed

@@ -5,7 +5,7 @@ exports.EditableCell = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _mobxReactLite = require("mobx-react-lite");
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _EditableCellStCss = require("./EditableCell.st.css.js");
 var _useCellFocusAndEditing = require("./useCellFocusAndEditing");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/EditableTable/EditableCell.tsx";
@@ -163,7 +163,7 @@ function _EditableCell({
       lineNumber: 174,
       columnNumber: 11
     }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.StatusWarningFilledSmall, {
+  }, /*#__PURE__*/_react.default.createElement(_lazy.StatusWarningFilledSmall, {
     className: _EditableCellStCss.classes.validationIndicator,
     __self: this,
     __source: {