@wix/patterns 1.176.0 → 1.178.0

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js

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

package/dist/cjs/components/CollectionViewsDropdown/ViewsDropdown.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown3312729039\";\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\":\"ViewsDropdown3312729039__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ViewsDropdown1827481468\";\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\":\"ViewsDropdown1827481468__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

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

@@ -142,7 +142,7 @@ const HeaderTitle = ({
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Heading, {
-    appearance: "H3",
+    size: "medium",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,

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

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireDefault","_designSystem","_CustomFieldsViewWidgetContent","_useCustomFieldsViewWidget","_CustomFieldsViewWidgetInline","_CardContainer","_useWidgetPageStatus","_EmptyStateViewContent","_jsxFileName","_CustomFieldsViewWidget","dataHook","fqdn","extendedFields","title","userFieldsTitle","extensionPoint","theme","customFieldsViewWidget","useCustomFieldsViewWidget","state","userCustomFields","appsCustomFields","container","areAllCustomFieldsEmpty","translate","t","status","useWidgetPageStatus","initTask","isLoading","isError","length","default","createElement","CustomFieldsViewWidgetInline","_extends2","__self","__source","fileName","lineNumber","columnNumber","CardContainer","stretchVertically","errorState","action","text","onClick","retry","Card","Header","HeaderTitle","Divider","Content","EmptyStateViewContent","subtitle","CustomFieldsViewWidgetContent","CustomFieldsViewWidget","exports","observer","Box","gap","Heading","appearance"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidget.tsx"],"sourcesContent":["import { ExtendedFields } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React from 'react';\nimport { Box, Card, Heading } from '@wix/design-system';\nimport { CustomFieldsViewWidgetContent } from './CustomFieldsViewWidgetContent';\nimport { useCustomFieldsViewWidget } from './useCustomFieldsViewWidget';\nimport { CustomFieldsViewWidgetInline } from './CustomFieldsViewWidgetInline';\nimport { CardContainer } from '../CardContainer';\nimport { useWidgetPageStatus } from '../useWidgetPageStatus';\nimport { EmptyStateViewContent } from './EmptyStateViewContent';\n\nexport interface CustomFieldsViewWidgetProps {\n  /**\n   * Applies a data-hook HTML attribute that can be used in tests.\n   */\n  dataHook?: string;\n\n  /**\n   * The FQDN used to fetch the schema from the data-extension service.\n   */\n  fqdn: string;\n\n  extensionPoint?: string;\n\n  /**\n   * The current values of the extended fields. Typically, these values are found\n   * under the `extendedFields` property of the related entity (e.g., `myEntity.extendedFields`).\n   */\n  extendedFields?: ExtendedFields;\n\n  /**\n   * A custom title for the widget. Overrides the default title.\n   */\n  title?: string;\n\n  /**\n   * A custom title for the \"user-defined fields\" section. Overrides the default section title.\n   */\n  userFieldsTitle?: string;\n\n  /**\n   * Determines the visual style of the widget.\n   * - `'inline'`: The widget is rendered inline with the surrounding content.\n   * - `'card'`: The widget is displayed in a card container.\n   */\n  theme?: 'inline' | 'card';\n}\n\nconst _CustomFieldsViewWidget = ({\n  dataHook,\n  fqdn,\n  extendedFields,\n  title,\n  userFieldsTitle,\n  extensionPoint,\n  theme = 'card',\n}: CustomFieldsViewWidgetProps) => {\n  const customFieldsViewWidget = useCustomFieldsViewWidget({\n    fqdn,\n    extendedFields,\n    extensionPoint,\n    theme,\n  });\n\n  const {\n    state,\n    userCustomFields,\n    appsCustomFields,\n    container,\n    areAllCustomFieldsEmpty,\n  } = customFieldsViewWidget;\n\n  const { translate: t } = container;\n\n  const { status } = useWidgetPageStatus(state.initTask.status.status);\n\n  if (\n    !state.isLoading &&\n    !state.isError &&\n    !userCustomFields.length &&\n    !appsCustomFields.length\n  ) {\n    return null;\n  }\n\n  if (theme === 'inline') {\n    return (\n      <CustomFieldsViewWidgetInline\n        dataHook={dataHook}\n        extendedFields={extendedFields}\n        userFieldsTitle={userFieldsTitle}\n        {...customFieldsViewWidget}\n      />\n    );\n  }\n\n  return (\n    <CardContainer\n      stretchVertically\n      dataHook={dataHook}\n      status={status}\n      errorState={{\n        dataHook: 'error-state',\n        action: {\n          text: t('cairo.entityPage.widgetError.TPAconnectionFail.CTA'),\n          onClick: () => state.retry(),\n        },\n      }}\n    >\n      <Card.Header\n        dataHook=\"custom-fields-view-widget-header\"\n        title={\n          <HeaderTitle\n            title={title ?? t('cairo.customFields.entityPage.title')}\n          />\n        }\n      />\n      <Card.Divider />\n      <Card.Content dataHook=\"custom-fields-view-widget-content\">\n        {areAllCustomFieldsEmpty ? (\n          <EmptyStateViewContent\n            title={t('cairo.customFields.entityPage.emptyState.title')}\n            subtitle={t('cairo.customFields.entityPage.emptyState.subtitle')}\n          />\n        ) : (\n          <CustomFieldsViewWidgetContent\n            state={state}\n            extendedFields={extendedFields}\n            userFieldsTitle={userFieldsTitle}\n          />\n        )}\n      </Card.Content>\n    </CardContainer>\n  );\n};\n\nexport const CustomFieldsViewWidget = observer(_CustomFieldsViewWidget);\n\nconst HeaderTitle = ({ title }: { title: string }) => {\n  return (\n    <Box gap=\"SP1\">\n      <Heading appearance=\"H3\">{title}</Heading>\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireDefault","_designSystem","_CustomFieldsViewWidgetContent","_useCustomFieldsViewWidget","_CustomFieldsViewWidgetInline","_CardContainer","_useWidgetPageStatus","_EmptyStateViewContent","_jsxFileName","_CustomFieldsViewWidget","dataHook","fqdn","extendedFields","title","userFieldsTitle","extensionPoint","theme","customFieldsViewWidget","useCustomFieldsViewWidget","state","userCustomFields","appsCustomFields","container","areAllCustomFieldsEmpty","translate","t","status","useWidgetPageStatus","initTask","isLoading","isError","length","default","createElement","CustomFieldsViewWidgetInline","_extends2","__self","__source","fileName","lineNumber","columnNumber","CardContainer","stretchVertically","errorState","action","text","onClick","retry","Card","Header","HeaderTitle","Divider","Content","EmptyStateViewContent","subtitle","CustomFieldsViewWidgetContent","CustomFieldsViewWidget","exports","observer","Box","gap","Heading","size"],"sources":["../../../../src/components/CustomFieldsWidget/CustomFieldsViewWidget.tsx"],"sourcesContent":["import { ExtendedFields } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport React from 'react';\nimport { Box, Card, Heading } from '@wix/design-system';\nimport { CustomFieldsViewWidgetContent } from './CustomFieldsViewWidgetContent';\nimport { useCustomFieldsViewWidget } from './useCustomFieldsViewWidget';\nimport { CustomFieldsViewWidgetInline } from './CustomFieldsViewWidgetInline';\nimport { CardContainer } from '../CardContainer';\nimport { useWidgetPageStatus } from '../useWidgetPageStatus';\nimport { EmptyStateViewContent } from './EmptyStateViewContent';\n\nexport interface CustomFieldsViewWidgetProps {\n  /**\n   * Applies a data-hook HTML attribute that can be used in tests.\n   */\n  dataHook?: string;\n\n  /**\n   * The FQDN used to fetch the schema from the data-extension service.\n   */\n  fqdn: string;\n\n  extensionPoint?: string;\n\n  /**\n   * The current values of the extended fields. Typically, these values are found\n   * under the `extendedFields` property of the related entity (e.g., `myEntity.extendedFields`).\n   */\n  extendedFields?: ExtendedFields;\n\n  /**\n   * A custom title for the widget. Overrides the default title.\n   */\n  title?: string;\n\n  /**\n   * A custom title for the \"user-defined fields\" section. Overrides the default section title.\n   */\n  userFieldsTitle?: string;\n\n  /**\n   * Determines the visual style of the widget.\n   * - `'inline'`: The widget is rendered inline with the surrounding content.\n   * - `'card'`: The widget is displayed in a card container.\n   */\n  theme?: 'inline' | 'card';\n}\n\nconst _CustomFieldsViewWidget = ({\n  dataHook,\n  fqdn,\n  extendedFields,\n  title,\n  userFieldsTitle,\n  extensionPoint,\n  theme = 'card',\n}: CustomFieldsViewWidgetProps) => {\n  const customFieldsViewWidget = useCustomFieldsViewWidget({\n    fqdn,\n    extendedFields,\n    extensionPoint,\n    theme,\n  });\n\n  const {\n    state,\n    userCustomFields,\n    appsCustomFields,\n    container,\n    areAllCustomFieldsEmpty,\n  } = customFieldsViewWidget;\n\n  const { translate: t } = container;\n\n  const { status } = useWidgetPageStatus(state.initTask.status.status);\n\n  if (\n    !state.isLoading &&\n    !state.isError &&\n    !userCustomFields.length &&\n    !appsCustomFields.length\n  ) {\n    return null;\n  }\n\n  if (theme === 'inline') {\n    return (\n      <CustomFieldsViewWidgetInline\n        dataHook={dataHook}\n        extendedFields={extendedFields}\n        userFieldsTitle={userFieldsTitle}\n        {...customFieldsViewWidget}\n      />\n    );\n  }\n\n  return (\n    <CardContainer\n      stretchVertically\n      dataHook={dataHook}\n      status={status}\n      errorState={{\n        dataHook: 'error-state',\n        action: {\n          text: t('cairo.entityPage.widgetError.TPAconnectionFail.CTA'),\n          onClick: () => state.retry(),\n        },\n      }}\n    >\n      <Card.Header\n        dataHook=\"custom-fields-view-widget-header\"\n        title={\n          <HeaderTitle\n            title={title ?? t('cairo.customFields.entityPage.title')}\n          />\n        }\n      />\n      <Card.Divider />\n      <Card.Content dataHook=\"custom-fields-view-widget-content\">\n        {areAllCustomFieldsEmpty ? (\n          <EmptyStateViewContent\n            title={t('cairo.customFields.entityPage.emptyState.title')}\n            subtitle={t('cairo.customFields.entityPage.emptyState.subtitle')}\n          />\n        ) : (\n          <CustomFieldsViewWidgetContent\n            state={state}\n            extendedFields={extendedFields}\n            userFieldsTitle={userFieldsTitle}\n          />\n        )}\n      </Card.Content>\n    </CardContainer>\n  );\n};\n\nexport const CustomFieldsViewWidget = observer(_CustomFieldsViewWidget);\n\nconst HeaderTitle = ({ title }: { title: string }) => {\n  return (\n    <Box gap=\"SP1\">\n      <Heading size=\"medium\">{title}</Heading>\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -173,6 +173,7 @@ const _CustomFieldsViewWidgetSection = ({
       columnNumber: 11
     }
   }, customFields.map(field => /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    key: field.id,
     flexGrow: 1,
     flexShrink: 1,
     flexBasis: 0,

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

@@ -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","flexGrow","flexShrink","flexBasis","minWidth","CustomFieldCell","key","id","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 flexGrow={1} flexShrink={1} flexBasis={0} minWidth=\"248px\">\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":[]}
+{"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 key={field.id} flexGrow={1} flexShrink={1} flexBasis={0} minWidth=\"248px\">\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

@@ -37,7 +37,7 @@ const _CustomFieldsWidgetCard = ({
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_Heading.Heading, {
-    appearance: "H3",
+    size: "medium",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,

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

@@ -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","appearance","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 appearance=\"H3\">\n        {t('cairo.customFields.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":[]}
+{"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.customFields.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/DateRangePicker/DateRangePicker.js

@@ -53,8 +53,7 @@ function _DateRangePicker(props) {
         columnNumber: 9
       }
     })),
-    popoverProps: windowFlipPopoverProps,
-    width: '144px'
+    popoverProps: windowFlipPopoverProps
   };
   const filterDateFrom = (0, _react.useMemo)(() => date => state.filterDateFrom(date), [state.to]);
   const filterDateTo = (0, _react.useMemo)(() => date => state.filterDateTo(date), [state.from]);
@@ -78,7 +77,7 @@ function _DateRangePicker(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 64,
+      lineNumber: 63,
       columnNumber: 5
     }
   }));
@@ -100,7 +99,7 @@ function _DateRangePicker(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 84,
+      lineNumber: 83,
       columnNumber: 5
     }
   }));
@@ -112,7 +111,7 @@ function _DateRangePicker(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 104,
+      lineNumber: 103,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -121,7 +120,7 @@ function _DateRangePicker(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 110,
+      lineNumber: 109,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -129,7 +128,7 @@ function _DateRangePicker(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 111,
+      lineNumber: 110,
       columnNumber: 9
     }
   }, t('cairo.filtersPanel.date.from.placeholder')), filterByTime ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -138,7 +137,7 @@ function _DateRangePicker(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 115,
+      lineNumber: 114,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -146,7 +145,7 @@ function _DateRangePicker(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 116,
+      lineNumber: 115,
       columnNumber: 13
     }
   }, fromPicker), /*#__PURE__*/_react.default.createElement(_designSystem.TimeInput, (0, _extends2.default)({
@@ -162,7 +161,7 @@ function _DateRangePicker(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 117,
+      lineNumber: 116,
       columnNumber: 13
     }
   }))) : fromPicker), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -171,7 +170,7 @@ function _DateRangePicker(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 132,
+      lineNumber: 131,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -179,7 +178,7 @@ function _DateRangePicker(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 133,
+      lineNumber: 132,
       columnNumber: 9
     }
   }, t('cairo.filtersPanel.date.to.placeholder')), filterByTime ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -188,7 +187,7 @@ function _DateRangePicker(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 135,
+      lineNumber: 134,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -196,7 +195,7 @@ function _DateRangePicker(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 136,
+      lineNumber: 135,
       columnNumber: 13
     }
   }, toPicker), /*#__PURE__*/_react.default.createElement(_designSystem.TimeInput, (0, _extends2.default)({
@@ -212,7 +211,7 @@ function _DateRangePicker(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 137,
+      lineNumber: 136,
       columnNumber: 13
     }
   }))) : toPicker));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_useWindowFlipPopoverProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_DateRangePicker","props","state","dataHook","popoverProps","rest","translate","filterByTime","datePickerFrom","useRef","datePickerTo","windowFlipPopoverProps","useWindowFlipPopoverProps","commonDatePickerProps","shouldCloseOnSelect","size","dateStyle","width","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","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';\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  const commonDatePickerProps: Partial<DatePickerProps> = {\n    shouldCloseOnSelect: true,\n    size: 'medium',\n    dateStyle: 'medium',\n    width: filterByTime ? '100%' : '172px',\n  };\n  const commonTimeInputProps: Partial<TimeInputProps> = {\n    size: 'medium',\n    prefix: (\n      <Input.IconAffix>\n        <TimeSmall />\n      </Input.IconAffix>\n    ),\n    popoverProps: windowFlipPopoverProps,\n    width: '144px',\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      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      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              {...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":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_useWindowFlipPopoverProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_DateRangePicker","props","state","dataHook","popoverProps","rest","translate","filterByTime","datePickerFrom","useRef","datePickerTo","windowFlipPopoverProps","useWindowFlipPopoverProps","commonDatePickerProps","shouldCloseOnSelect","size","dateStyle","width","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","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';\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  const commonDatePickerProps: Partial<DatePickerProps> = {\n    shouldCloseOnSelect: true,\n    size: 'medium',\n    dateStyle: 'medium',\n    width: filterByTime ? '100%' : '172px',\n  };\n  const commonTimeInputProps: Partial<TimeInputProps> = {\n    size: 'medium',\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      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      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              {...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/DragAndDrop/DragAndDrop.uni.driver.js

@@ -103,11 +103,11 @@ function DragAndDropUniDriver(base) {
     } = {}) => {
       const sourceRow = await source.getNative();
       const targetRow = await target.getNative();
-      const {
-        page
-      } = sourceRow;
-      if (page != null && page.evaluate) {
-        await (source.scrollIntoView == null ? void 0 : source.scrollIntoView());
+      if (source.type === 'puppeteer') {
+        const {
+          page
+        } = sourceRow;
+        await source.hover();
         const sourceBox = await sourceRow.element.boundingBox();
         const targetBox = await targetRow.element.boundingBox();
         await page.mouse.move(sourceBox.x + sourceBox.width / dragPointRatio.x, sourceBox.y + sourceBox.height / dragPointRatio.y);

package/dist/cjs/components/DragAndDrop/DragAndDrop.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","fireEvent","process","env","NODE_ENV","DragAndDropUniDriver","base","baseUniDriverFactory","escapeDrag","source","key","code","sourceNative","getNative","page","evaluate","keyDown","startKeyboardDrag","dragOverKeyboard","target","targetNative","endKeyboardDrag","dragStart","options","sourceBox","element","boundingBox","mouse","move","x","width","y","height","down","pointerDown","dragMove","document","dispatchEvent","Event","dragEnd","up","pointerUp","dragOver","dragPointRatio","dropPointRatio","steps","sourceRow","targetRow","scrollIntoView","targetBox","Promise","resolve","setTimeout","moveOver","pixels","i","_options$delta","Math","max","delta","_options$delta2","mouseMove","clientX","moveAny","vertical","delay"],"sources":["../../../../src/components/DragAndDrop/DragAndDrop.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport { SledPage } from '../../sledPage';\n\nconst { fireEvent = null } =\n  process.env.NODE_ENV === 'test'\n    ? (() => {\n        try {\n          return require('@testing-library/react');\n        } catch {}\n        return null;\n      })() ||\n      (() => {\n        try {\n          // eslint-disable-next-line import/no-extraneous-dependencies\n          return require('@testing-library/dom');\n        } catch {}\n        return null;\n      })()\n    : {};\n\nexport function DragAndDropUniDriver(base: UniDriver) {\n  return {\n    ...baseUniDriverFactory(base),\n    escapeDrag: async (\n      source: UniDriver,\n      { key: code = 'Escape' }: { key?: string } = {},\n    ) => {\n      const sourceNative = await source.getNative();\n\n      const { page } = sourceNative as { page?: SledPage['page'] };\n\n      if (page?.evaluate) {\n      } else if (process.env.NODE_ENV === 'test') {\n        fireEvent.keyDown(sourceNative, {\n          code,\n        });\n      }\n    },\n    startKeyboardDrag: async (source: UniDriver) => {\n      const sourceNative = await source.getNative();\n\n      const { page } = sourceNative as { page?: SledPage['page'] };\n\n      if (page?.evaluate) {\n      } else if (fireEvent) {\n        fireEvent.keyDown(sourceNative, {\n          code: 'Enter',\n        });\n      }\n    },\n    dragOverKeyboard: async (target: UniDriver) => {\n      const targetNative = await target.getNative();\n\n      const { page } = targetNative as { page?: SledPage['page'] };\n\n      if (page?.evaluate) {\n      } else if (fireEvent) {\n        fireEvent.keyDown(targetNative, {\n          code: 'ArrowDown',\n        });\n      }\n    },\n    endKeyboardDrag: async (target: UniDriver) => {\n      const targetNative = await target.getNative();\n\n      const { page } = targetNative as { page?: SledPage['page'] };\n\n      if (page?.evaluate) {\n      } else if (fireEvent) {\n        return fireEvent.keyDown(targetNative, {\n          code: 'Enter',\n        });\n      }\n    },\n    dragStart: async (\n      source: UniDriver,\n      options: { page?: SledPage['page']; x?: number; y?: number } = {},\n    ) => {\n      const sourceNative = await source.getNative();\n\n      const page: SledPage['page'] | null = options.page ?? sourceNative.page;\n\n      if (page?.evaluate) {\n        const sourceBox = await sourceNative.element.boundingBox();\n\n        await page.mouse.move(\n          options.x ?? sourceBox.x + sourceBox.width / 2,\n          options.y ?? sourceBox.y + sourceBox.height / 2,\n        );\n\n        await page.mouse.down();\n      } else if (fireEvent) {\n        fireEvent.pointerDown(sourceNative);\n      }\n    },\n    dragMove: async () => {\n      await document.dispatchEvent(new Event('mousemove'));\n    },\n    dragEnd: async (\n      target: UniDriver,\n      options: { page?: SledPage['page'] } = {},\n    ) => {\n      const targetNative = await target.getNative();\n      const page: SledPage['page'] | null = options.page ?? targetNative.page;\n\n      if (page?.evaluate) {\n        await page?.mouse.up();\n      } else if (fireEvent) {\n        fireEvent.pointerUp(targetNative);\n        await document.dispatchEvent(new Event('mouseup'));\n      }\n    },\n    dragOver: async (\n      source: UniDriver,\n      target: UniDriver,\n      {\n        dragPointRatio = { x: 2, y: 2 },\n        dropPointRatio = { x: 2, y: 2 },\n        steps = 3,\n      }: {\n        dragPointRatio?: { x: number; y: number };\n        dropPointRatio?: { x: number; y: number };\n        steps?: number;\n      } = {},\n    ) => {\n      const sourceRow = await source.getNative();\n      const targetRow = await target.getNative();\n\n      const { page } = sourceRow as { page?: SledPage['page'] };\n\n      if (page?.evaluate) {\n        await source.scrollIntoView?.();\n\n        const sourceBox = await sourceRow.element.boundingBox();\n        const targetBox = await targetRow.element.boundingBox();\n\n        await page.mouse.move(\n          sourceBox.x + sourceBox.width / dragPointRatio.x,\n          sourceBox.y + sourceBox.height / dragPointRatio.y,\n        );\n\n        await page.mouse.down();\n        await new Promise((resolve) => setTimeout(resolve, 100));\n\n        await page.mouse.move(\n          targetBox.x + targetBox.width / dropPointRatio.x,\n          targetBox.y + targetBox.height / dropPointRatio.y,\n          { steps },\n        );\n\n        await new Promise((resolve) => setTimeout(resolve, 100));\n        await page.mouse.up();\n        await new Promise((resolve) => setTimeout(resolve, 100)); // wait for drop animation to complete\n      } else if (fireEvent) {\n        fireEvent.pointerDown(sourceRow);\n        document.dispatchEvent(new Event('mousemove'));\n        fireEvent.pointerUp(targetRow);\n      }\n    },\n    moveOver: async (\n      target: UniDriver,\n      options: {\n        page?: SledPage['page'];\n        pixels?: number;\n        delta?: { x?: number };\n      } = {},\n    ) => {\n      const targetRow = await target.getNative();\n\n      const page = options.page ?? targetRow.page;\n\n      const pixels = options.pixels ?? 0;\n\n      if (page?.evaluate) {\n        const targetBox = await targetRow.element.boundingBox();\n\n        for (let i = 0; i < 2; i++) {\n          await page.mouse.move(\n            Math.max(options.delta?.x ?? targetBox.x - pixels, 0),\n            Math.max(targetBox.y + targetBox.height - pixels, 0),\n          );\n        }\n      } else if (fireEvent) {\n        fireEvent.mouseMove(targetRow, {\n          clientX: options.delta?.x ?? 0,\n        });\n      }\n    },\n\n    moveAny: async (\n      source: UniDriver,\n      options?: {\n        page?: SledPage['page'];\n        x?: number;\n        y?: number;\n        steps?: number;\n        delay?: number;\n        vertical?: boolean;\n      },\n    ) => {\n      const sourceNative = await source.getNative();\n\n      const page: SledPage['page'] | undefined =\n        options?.page ?? sourceNative.page;\n\n      if (page?.evaluate) {\n        const sourceBox = await sourceNative.element.boundingBox();\n        const steps = options?.steps ?? 3;\n        for (let i = steps; i >= 0; i--) {\n          await page.mouse.move(\n            (options?.x ?? sourceBox.x + sourceBox.width / 2) - i * 10,\n            (options?.y ?? sourceBox.y + sourceBox.height / 2) -\n              (options?.vertical ? i * 10 : 0),\n          );\n          await new Promise((resolve) =>\n            setTimeout(resolve, options?.delay ?? 2000),\n          );\n        }\n      }\n    },\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","fireEvent","process","env","NODE_ENV","DragAndDropUniDriver","base","baseUniDriverFactory","escapeDrag","source","key","code","sourceNative","getNative","page","evaluate","keyDown","startKeyboardDrag","dragOverKeyboard","target","targetNative","endKeyboardDrag","dragStart","options","sourceBox","element","boundingBox","mouse","move","x","width","y","height","down","pointerDown","dragMove","document","dispatchEvent","Event","dragEnd","up","pointerUp","dragOver","dragPointRatio","dropPointRatio","steps","sourceRow","targetRow","type","hover","targetBox","Promise","resolve","setTimeout","moveOver","pixels","i","_options$delta","Math","max","delta","_options$delta2","mouseMove","clientX","moveAny","vertical","delay"],"sources":["../../../../src/components/DragAndDrop/DragAndDrop.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { baseUniDriverFactory } from '../../unidriver';\nimport { SledPage } from '../../sledPage';\n\nconst { fireEvent = null } =\n  process.env.NODE_ENV === 'test'\n    ? (() => {\n        try {\n          return require('@testing-library/react');\n        } catch {}\n        return null;\n      })() ||\n      (() => {\n        try {\n          // eslint-disable-next-line import/no-extraneous-dependencies\n          return require('@testing-library/dom');\n        } catch {}\n        return null;\n      })()\n    : {};\n\nexport function DragAndDropUniDriver(base: UniDriver) {\n  return {\n    ...baseUniDriverFactory(base),\n    escapeDrag: async (\n      source: UniDriver,\n      { key: code = 'Escape' }: { key?: string } = {},\n    ) => {\n      const sourceNative = await source.getNative();\n\n      const { page } = sourceNative as { page?: SledPage['page'] };\n\n      if (page?.evaluate) {\n      } else if (process.env.NODE_ENV === 'test') {\n        fireEvent.keyDown(sourceNative, {\n          code,\n        });\n      }\n    },\n    startKeyboardDrag: async (source: UniDriver) => {\n      const sourceNative = await source.getNative();\n\n      const { page } = sourceNative as { page?: SledPage['page'] };\n\n      if (page?.evaluate) {\n      } else if (fireEvent) {\n        fireEvent.keyDown(sourceNative, {\n          code: 'Enter',\n        });\n      }\n    },\n    dragOverKeyboard: async (target: UniDriver) => {\n      const targetNative = await target.getNative();\n\n      const { page } = targetNative as { page?: SledPage['page'] };\n\n      if (page?.evaluate) {\n      } else if (fireEvent) {\n        fireEvent.keyDown(targetNative, {\n          code: 'ArrowDown',\n        });\n      }\n    },\n    endKeyboardDrag: async (target: UniDriver) => {\n      const targetNative = await target.getNative();\n\n      const { page } = targetNative as { page?: SledPage['page'] };\n\n      if (page?.evaluate) {\n      } else if (fireEvent) {\n        return fireEvent.keyDown(targetNative, {\n          code: 'Enter',\n        });\n      }\n    },\n    dragStart: async (\n      source: UniDriver,\n      options: { page?: SledPage['page']; x?: number; y?: number } = {},\n    ) => {\n      const sourceNative = await source.getNative();\n\n      const page: SledPage['page'] | null = options.page ?? sourceNative.page;\n\n      if (page?.evaluate) {\n        const sourceBox = await sourceNative.element.boundingBox();\n\n        await page.mouse.move(\n          options.x ?? sourceBox.x + sourceBox.width / 2,\n          options.y ?? sourceBox.y + sourceBox.height / 2,\n        );\n\n        await page.mouse.down();\n      } else if (fireEvent) {\n        fireEvent.pointerDown(sourceNative);\n      }\n    },\n    dragMove: async () => {\n      await document.dispatchEvent(new Event('mousemove'));\n    },\n    dragEnd: async (\n      target: UniDriver,\n      options: { page?: SledPage['page'] } = {},\n    ) => {\n      const targetNative = await target.getNative();\n      const page: SledPage['page'] | null = options.page ?? targetNative.page;\n\n      if (page?.evaluate) {\n        await page?.mouse.up();\n      } else if (fireEvent) {\n        fireEvent.pointerUp(targetNative);\n        await document.dispatchEvent(new Event('mouseup'));\n      }\n    },\n    dragOver: async (\n      source: UniDriver,\n      target: UniDriver,\n      {\n        dragPointRatio = { x: 2, y: 2 },\n        dropPointRatio = { x: 2, y: 2 },\n        steps = 3,\n      }: {\n        dragPointRatio?: { x: number; y: number };\n        dropPointRatio?: { x: number; y: number };\n        steps?: number;\n      } = {},\n    ) => {\n      const sourceRow = await source.getNative();\n      const targetRow = await target.getNative();\n\n      if (source.type === 'puppeteer') {\n        const { page } = sourceRow as { page: SledPage['page'] };\n\n        await source.hover();\n\n        const sourceBox = await sourceRow.element.boundingBox();\n        const targetBox = await targetRow.element.boundingBox();\n\n        await page.mouse.move(\n          sourceBox.x + sourceBox.width / dragPointRatio.x,\n          sourceBox.y + sourceBox.height / dragPointRatio.y,\n        );\n\n        await page.mouse.down();\n        await new Promise((resolve) => setTimeout(resolve, 100));\n\n        await page.mouse.move(\n          targetBox.x + targetBox.width / dropPointRatio.x,\n          targetBox.y + targetBox.height / dropPointRatio.y,\n          { steps },\n        );\n\n        await new Promise((resolve) => setTimeout(resolve, 100));\n        await page.mouse.up();\n        await new Promise((resolve) => setTimeout(resolve, 100)); // wait for drop animation to complete\n      } else if (fireEvent) {\n        fireEvent.pointerDown(sourceRow);\n        document.dispatchEvent(new Event('mousemove'));\n        fireEvent.pointerUp(targetRow);\n      }\n    },\n    moveOver: async (\n      target: UniDriver,\n      options: {\n        page?: SledPage['page'];\n        pixels?: number;\n        delta?: { x?: number };\n      } = {},\n    ) => {\n      const targetRow = await target.getNative();\n\n      const page = options.page ?? targetRow.page;\n\n      const pixels = options.pixels ?? 0;\n\n      if (page?.evaluate) {\n        const targetBox = await targetRow.element.boundingBox();\n\n        for (let i = 0; i < 2; i++) {\n          await page.mouse.move(\n            Math.max(options.delta?.x ?? targetBox.x - pixels, 0),\n            Math.max(targetBox.y + targetBox.height - pixels, 0),\n          );\n        }\n      } else if (fireEvent) {\n        fireEvent.mouseMove(targetRow, {\n          clientX: options.delta?.x ?? 0,\n        });\n      }\n    },\n\n    moveAny: async (\n      source: UniDriver,\n      options?: {\n        page?: SledPage['page'];\n        x?: number;\n        y?: number;\n        steps?: number;\n        delay?: number;\n        vertical?: boolean;\n      },\n    ) => {\n      const sourceNative = await source.getNative();\n\n      const page: SledPage['page'] | undefined =\n        options?.page ?? sourceNative.page;\n\n      if (page?.evaluate) {\n        const sourceBox = await sourceNative.element.boundingBox();\n        const steps = options?.steps ?? 3;\n        for (let i = steps; i >= 0; i--) {\n          await page.mouse.move(\n            (options?.x ?? sourceBox.x + sourceBox.width / 2) - i * 10,\n            (options?.y ?? sourceBox.y + sourceBox.height / 2) -\n              (options?.vertical ? i * 10 : 0),\n          );\n          await new Promise((resolve) =>\n            setTimeout(resolve, options?.delay ?? 2000),\n          );\n        }\n      }\n    },\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/DragHandle/DragHandle.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_ = "DragHandle1145235176";
+var _namespace_ = "DragHandle853090687";
 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": "DragHandle1145235176__root"
+  "root": "DragHandle853090687__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/DragHandle/DragHandle.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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle1145235176\";\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\":\"DragHandle1145235176__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":[]}
+{"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_ = \"DragHandle853090687\";\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\":\"DragHandle853090687__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/Fade/Fade.st.css.js

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

package/dist/cjs/components/Fade/Fade.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade1374061313\";\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\":\"Fade1374061313__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsB,CAAC;AAC7C,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade1380282444\";\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\":\"Fade1380282444__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,gBAAgB;AAClC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAsB,CAAC;AAC7C,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/FormPageCard/FormPageCard.js

@@ -23,6 +23,12 @@ function _FormPageCard(props) {
   const pageState = (0, _providers.useFormPageContext)();
   const status = !pageState || pageState.isFetching ? 'loading' : statusProp;
   const [highlight, setHighlight] = (0, _react.useState)();
+  const timeoutRef = (0, _react.useRef)();
+  (0, _react.useEffect)(() => {
+    return () => {
+      window.clearTimeout(timeoutRef.current);
+    };
+  });
   return /*#__PURE__*/_react.default.createElement("div", {
     id: id,
     ref: ref => {
@@ -33,7 +39,7 @@ function _FormPageCard(props) {
           containerName: id,
           afterScroll: () => {
             setHighlight('focus');
-            setTimeout(() => {
+            timeoutRef.current = window.setTimeout(() => {
               setHighlight(undefined);
             }, 3000);
           }
@@ -43,7 +49,7 @@ function _FormPageCard(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 16,
+      lineNumber: 23,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_CardContainer.CardContainer, (0, _extends2.default)({
@@ -53,7 +59,7 @@ function _FormPageCard(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 35,
+      lineNumber: 42,
       columnNumber: 7
     }
   })));