@wix/patterns 1.265.0 → 1.267.0

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

@@ -44,7 +44,7 @@ const _CustomFieldsWidgetCard = ({
       lineNumber: 36,
       columnNumber: 7
     }
-  }, t('cairo.customFields.entityPage.title')), state.widgetSize !== 'default' ? /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, {
+  }, t('cairo.customFieldsWidget.entityPage.title')), state.widgetSize !== 'default' ? /*#__PURE__*/_react.default.createElement(_designSystem.InfoIcon, {
     dataHook: "subtitle-info-icon",
     content: headerSubtitle,
     __self: void 0,

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","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":[]}
+{"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":"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","ignoreList":[]}

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

@@ -9,6 +9,7 @@ var _mobxReactLite = require("mobx-react-lite");
 var _designSystem = require("@wix/design-system");
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _useWindowFlipPopoverProps = require("../../utils/useWindowFlipPopoverProps");
+var _PatternsThemeProvider = require("../../themes/PatternsThemeProvider");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/DateRangePicker/DateRangePicker.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 function _DateRangePicker(props) {
@@ -29,26 +30,33 @@ function _DateRangePicker(props) {
   } = (0, _useWindowFlipPopoverProps.useWindowFlipPopoverProps)({
     popoverProps
   });
+  const {
+    rangePicker
+  } = (0, _PatternsThemeProvider.usePatternsTheme)();
+  const commonInputProps = {
+    size: rangePicker.size
+  };
   const commonDatePickerProps = {
+    ...commonInputProps,
     shouldCloseOnSelect: true,
-    size: 'medium',
     dateStyle: 'medium',
-    width: filterByTime ? '100%' : '172px'
+    width: filterByTime ? '100%' : rangePicker.width,
+    zIndex: rangePicker.zIndex
   };
   const commonTimeInputProps = {
-    size: 'medium',
+    ...commonInputProps,
     prefix: /*#__PURE__*/_react.default.createElement(_designSystem.Input.IconAffix, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 37,
+        lineNumber: 47,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.TimeSmall, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 38,
+        lineNumber: 48,
         columnNumber: 9
       }
     })),
@@ -76,7 +84,7 @@ function _DateRangePicker(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 63,
+      lineNumber: 73,
       columnNumber: 5
     }
   }));
@@ -98,7 +106,7 @@ function _DateRangePicker(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 83,
+      lineNumber: 93,
       columnNumber: 5
     }
   }));
@@ -110,7 +118,7 @@ function _DateRangePicker(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 103,
+      lineNumber: 113,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -119,7 +127,7 @@ function _DateRangePicker(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 109,
+      lineNumber: 119,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -127,7 +135,7 @@ function _DateRangePicker(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 110,
+      lineNumber: 120,
       columnNumber: 9
     }
   }, t('cairo.filtersPanel.date.from.placeholder')), filterByTime ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -136,7 +144,7 @@ function _DateRangePicker(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 114,
+      lineNumber: 124,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -144,7 +152,7 @@ function _DateRangePicker(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 115,
+      lineNumber: 125,
       columnNumber: 13
     }
   }, fromPicker), /*#__PURE__*/_react.default.createElement(_designSystem.TimeInput, (0, _extends2.default)({
@@ -155,12 +163,13 @@ function _DateRangePicker(props) {
       date
     }) => state.onFromTimeSelected(date),
     disabled: !state.from,
-    filterTime: filterDateTimeFrom
+    filterTime: filterDateTimeFrom,
+    size: "small"
   }, commonTimeInputProps, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 116,
+      lineNumber: 126,
       columnNumber: 13
     }
   }))) : fromPicker), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -169,7 +178,7 @@ function _DateRangePicker(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 131,
+      lineNumber: 142,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -177,7 +186,7 @@ function _DateRangePicker(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 132,
+      lineNumber: 143,
       columnNumber: 9
     }
   }, t('cairo.filtersPanel.date.to.placeholder')), filterByTime ? /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -186,7 +195,7 @@ function _DateRangePicker(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 134,
+      lineNumber: 145,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -194,7 +203,7 @@ function _DateRangePicker(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 135,
+      lineNumber: 146,
       columnNumber: 13
     }
   }, toPicker), /*#__PURE__*/_react.default.createElement(_designSystem.TimeInput, (0, _extends2.default)({
@@ -210,7 +219,7 @@ function _DateRangePicker(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 136,
+      lineNumber: 147,
       columnNumber: 13
     }
   }))) : toPicker));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_designSystem","_wixUiIconsCommon","_useWindowFlipPopoverProps","_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","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":[]}
+{"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","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      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              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

@@ -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_ = "DragHandle173041026";
+var _namespace_ = "DragHandle3095245558";
 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": "DragHandle173041026__root"
+  "root": "DragHandle3095245558__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_ = \"DragHandle173041026\";\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\":\"DragHandle173041026__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":[]}
+{"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_ = \"DragHandle3095245558\";\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\":\"DragHandle3095245558__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":[]}

package/dist/cjs/components/EntityPage/EntityPagePlain.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_ = "EntityPagePlain3125617155";
+var _namespace_ = "EntityPagePlain4038994748";
 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": "EntityPagePlain3125617155__root"
+  "root": "EntityPagePlain4038994748__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/EntityPage/EntityPagePlain.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/EntityPage/EntityPagePlain.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPagePlain3125617155\";\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\":\"EntityPagePlain3125617155__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,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;EAAC,oCAAoC,EAAC;AAAsC,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/EntityPage/EntityPagePlain.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"EntityPagePlain4038994748\";\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\":\"EntityPagePlain4038994748__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-page-header-padding-horizontal\":\"--wds-page-header-padding-horizontal\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAiC,CAAC;AACxD,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;EAAC,oCAAoC,EAAC;AAAsC,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_ = "Fade4066996397";
+var _namespace_ = "Fade3087381115";
 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": "Fade4066996397__root"
+  "root": "Fade3087381115__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_ = \"Fade4066996397\";\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\":\"Fade4066996397__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_ = \"Fade3087381115\";\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\":\"Fade3087381115__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/Heading/Heading.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_ = "Heading3152379401";
+var _namespace_ = "Heading3158021534";
 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": "Heading3152379401__root"
+  "root": "Heading3158021534__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Heading/Heading.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/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading3152379401\";\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\":\"Heading3152379401__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,mBAAmB;AACrC,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;AAAyB,CAAC;AAChD,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/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading3158021534\";\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\":\"Heading3158021534__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,mBAAmB;AACrC,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;AAAyB,CAAC;AAChD,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/InputOverflow/InputOverflow.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_ = "InputOverflow2116414656";
+var _namespace_ = "InputOverflow3236173267";
 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": "InputOverflow2116414656__root"
+  "root": "InputOverflow3236173267__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/InputOverflow/InputOverflow.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/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow2116414656\";\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\":\"InputOverflow2116414656__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/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow3236173267\";\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\":\"InputOverflow3236173267__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/Kanban/Kanban.js

@@ -72,6 +72,9 @@ function _Kanban(props) {
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "horizontal",
     gap: "12px",
+    scrollbarWidth: "thin",
+    scrollbarColor: "#CFD1DC transparent",
+    overflowX: "scroll",
     __self: this,
     __source: {
       fileName: _jsxFileName,
@@ -84,7 +87,7 @@ function _Kanban(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 66,
+      lineNumber: 72,
       columnNumber: 15
     }
   }), /*#__PURE__*/_react.default.createElement(_Stage.StageComponent, (0, _extends2.default)({
@@ -96,7 +99,7 @@ function _Kanban(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 71,
+      lineNumber: 77,
       columnNumber: 13
     }
   }))))), /*#__PURE__*/_react.default.createElement(DragOverlay, {
@@ -108,7 +111,7 @@ function _Kanban(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 81,
+      lineNumber: 87,
       columnNumber: 7
     }
   }));
@@ -119,7 +122,7 @@ function _Kanban(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 92,
+      lineNumber: 98,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_ToolbarCollection.ToolbarCollection, {
@@ -129,7 +132,7 @@ function _Kanban(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 93,
+      lineNumber: 99,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -143,7 +146,7 @@ function _Kanban(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 94,
+      lineNumber: 100,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -152,14 +155,14 @@ function _Kanban(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 103,
+      lineNumber: 109,
       columnNumber: 11
     }
   }, props.state.isLoadingStages ? /*#__PURE__*/_react.default.createElement(_StagesSkeleton.StagesSkeleton, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 104,
+      lineNumber: 110,
       columnNumber: 44
     }
   }) : stagesContent))));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_ToolbarCollection","_mobxReactLite","_Stage","_designSystem","_CollectionCard","_KanbanCardDragAndDrop","_StagesSkeleton","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_Kanban","props","state","dataHook","toolbar","events","scrollToStage","stageKey","stageElement","document","querySelector","scrollIntoView","behavior","block","inline","useEffect","on","off","stages","useMemo","activeId","dragAndDropState","activeStageKey","substring","indexOf","KanbanDragAndDropContext","DragOverlay","KanbanCardDragAndDrop","firstDoneIndex","findIndex","stage","_props$state","stageType","stagesContent","createElement","stageId","__self","__source","fileName","lineNumber","columnNumber","Box","direction","gap","map","index","Fragment","Divider","StageComponent","_extends2","key","renderItem","actionCell","dataExtension","tags","CollectionCard","errorState","ToolbarCollection","search","sticky","marginTop","marginBottom","marginLeft","marginRight","overflow","isLoadingStages","StagesSkeleton","Kanban","exports","observer"],"sources":["../../../../src/components/Kanban/Kanban.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from 'react';\nimport { ToolbarBaseProps, ToolbarCollection } from '../ToolbarCollection';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { KanbanBaseProps } from './KanbanProps';\nimport { StageComponent } from './Stage';\nimport { Box, Divider } from '@wix/design-system';\nimport { CollectionCard } from '../CollectionCard';\nimport { KanbanCardDragAndDrop } from '../KanbanDragAndDropDndKit/KanbanCardDragAndDrop';\nimport { StagesSkeleton } from './StagesSkeleton';\n\nexport interface KanbanProps<C, S, F extends FiltersMap>\n  extends ToolbarBaseProps,\n    KanbanBaseProps<C, S, F> {}\n\nfunction _Kanban<C, S, F extends FiltersMap>(props: KanbanProps<C, S, F>) {\n  const { state, dataHook } = props;\n\n  const { toolbar, events } = state;\n\n  const scrollToStage = ({ stageKey }: { stageKey: string }) => {\n    const stageElement = document.querySelector(\n      `[data-hook=\"kanban-stage-container-${stageKey}\"]`,\n    );\n    if (stageElement) {\n      stageElement.scrollIntoView?.({\n        behavior: 'smooth',\n        block: 'nearest',\n        inline: 'center',\n      });\n    }\n  };\n\n  useEffect(() => {\n    events.on('scrollToStage', scrollToStage);\n\n    return () => {\n      events.off('scrollToStage', scrollToStage);\n    };\n  }, [events]);\n\n  const stages = useMemo(() => {\n    return props.state.stages;\n  }, [props.state.stages]);\n\n  // Calculate active stage key from activeId\n  const activeId = state.dragAndDropState.activeId;\n  const activeStageKey = activeId\n    ? activeId.substring(0, activeId.indexOf('-##-')) || null\n    : null;\n\n  // Wrap with global drag and drop context - always enabled for Kanban\n  const { KanbanDragAndDropContext, DragOverlay } = KanbanCardDragAndDrop;\n\n  // Find the index of the first DONE stage\n  const firstDoneIndex = stages.findIndex(\n    (stage: S) => props.state?.stageType?.(stage) === 'DONE',\n  );\n\n  const stagesContent = (\n    <KanbanDragAndDropContext state={state} stageId=\"all\">\n      <Box direction=\"horizontal\" gap=\"12px\">\n        {stages.map((stage: S, index: number) => (\n          <>\n            {index === firstDoneIndex && firstDoneIndex !== -1 && (\n              <Divider\n                direction=\"vertical\"\n                dataHook=\"kanban-stages-done-divider\"\n              />\n            )}\n            <StageComponent\n              dataHook={`kanban-stage-${props.state.stageKey(stage)}`}\n              key={props.state.stageKey(stage)}\n              activeStageKey={activeStageKey}\n              stageKey={props.state.stageKey(stage)}\n              {...props}\n            />\n          </>\n        ))}\n      </Box>\n      <DragOverlay\n        state={state}\n        renderItem={props.renderItem}\n        actionCell={props.actionCell}\n        dataExtension={props.dataExtension}\n        tags={props.tags}\n      />\n    </KanbanDragAndDropContext>\n  );\n\n  return (\n    <CollectionCard errorState={false} state={toolbar} dataHook={dataHook}>\n      <ToolbarCollection search={true} sticky state={toolbar}>\n        <Box\n          dataHook=\"kanban-test\"\n          marginTop=\"16px\"\n          marginBottom=\"12px\"\n          marginLeft=\"18px\"\n          marginRight=\"18px\"\n          overflow=\"auto\"\n          direction=\"vertical\"\n        >\n          <Box dataHook=\"kanban-stages\" direction=\"vertical\">\n            {props.state.isLoadingStages ? <StagesSkeleton /> : stagesContent}\n          </Box>\n        </Box>\n      </ToolbarCollection>\n    </CollectionCard>\n  );\n}\n\nexport const Kanban = observer(_Kanban);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_ToolbarCollection","_mobxReactLite","_Stage","_designSystem","_CollectionCard","_KanbanCardDragAndDrop","_StagesSkeleton","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_Kanban","props","state","dataHook","toolbar","events","scrollToStage","stageKey","stageElement","document","querySelector","scrollIntoView","behavior","block","inline","useEffect","on","off","stages","useMemo","activeId","dragAndDropState","activeStageKey","substring","indexOf","KanbanDragAndDropContext","DragOverlay","KanbanCardDragAndDrop","firstDoneIndex","findIndex","stage","_props$state","stageType","stagesContent","createElement","stageId","__self","__source","fileName","lineNumber","columnNumber","Box","direction","gap","scrollbarWidth","scrollbarColor","overflowX","map","index","Fragment","Divider","StageComponent","_extends2","key","renderItem","actionCell","dataExtension","tags","CollectionCard","errorState","ToolbarCollection","search","sticky","marginTop","marginBottom","marginLeft","marginRight","overflow","isLoadingStages","StagesSkeleton","Kanban","exports","observer"],"sources":["../../../../src/components/Kanban/Kanban.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from 'react';\nimport { ToolbarBaseProps, ToolbarCollection } from '../ToolbarCollection';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { KanbanBaseProps } from './KanbanProps';\nimport { StageComponent } from './Stage';\nimport { Box, Divider } from '@wix/design-system';\nimport { CollectionCard } from '../CollectionCard';\nimport { KanbanCardDragAndDrop } from '../KanbanDragAndDropDndKit/KanbanCardDragAndDrop';\nimport { StagesSkeleton } from './StagesSkeleton';\n\nexport interface KanbanProps<C, S, F extends FiltersMap>\n  extends ToolbarBaseProps,\n  KanbanBaseProps<C, S, F> { }\n\nfunction _Kanban<C, S, F extends FiltersMap>(props: KanbanProps<C, S, F>) {\n  const { state, dataHook } = props;\n\n  const { toolbar, events } = state;\n\n  const scrollToStage = ({ stageKey }: { stageKey: string }) => {\n    const stageElement = document.querySelector(\n      `[data-hook=\"kanban-stage-container-${stageKey}\"]`,\n    );\n    if (stageElement) {\n      stageElement.scrollIntoView?.({\n        behavior: 'smooth',\n        block: 'nearest',\n        inline: 'center',\n      });\n    }\n  };\n\n  useEffect(() => {\n    events.on('scrollToStage', scrollToStage);\n\n    return () => {\n      events.off('scrollToStage', scrollToStage);\n    };\n  }, [events]);\n\n  const stages = useMemo(() => {\n    return props.state.stages;\n  }, [props.state.stages]);\n\n  // Calculate active stage key from activeId\n  const activeId = state.dragAndDropState.activeId;\n  const activeStageKey = activeId\n    ? activeId.substring(0, activeId.indexOf('-##-')) || null\n    : null;\n\n  // Wrap with global drag and drop context - always enabled for Kanban\n  const { KanbanDragAndDropContext, DragOverlay } = KanbanCardDragAndDrop;\n\n  // Find the index of the first DONE stage\n  const firstDoneIndex = stages.findIndex(\n    (stage: S) => props.state?.stageType?.(stage) === 'DONE',\n  );\n\n  const stagesContent = (\n    <KanbanDragAndDropContext state={state} stageId=\"all\">\n      <Box\n        direction=\"horizontal\"\n        gap=\"12px\"\n        scrollbarWidth=\"thin\"\n        scrollbarColor=\"#CFD1DC transparent\"\n        overflowX=\"scroll\"\n      >\n        {stages.map((stage: S, index: number) => (\n          <>\n            {index === firstDoneIndex && firstDoneIndex !== -1 && (\n              <Divider\n                direction=\"vertical\"\n                dataHook=\"kanban-stages-done-divider\"\n              />\n            )}\n            <StageComponent\n              dataHook={`kanban-stage-${props.state.stageKey(stage)}`}\n              key={props.state.stageKey(stage)}\n              activeStageKey={activeStageKey}\n              stageKey={props.state.stageKey(stage)}\n              {...props}\n            />\n          </>\n        ))}\n      </Box>\n      <DragOverlay\n        state={state}\n        renderItem={props.renderItem}\n        actionCell={props.actionCell}\n        dataExtension={props.dataExtension}\n        tags={props.tags}\n      />\n    </KanbanDragAndDropContext>\n  );\n\n  return (\n    <CollectionCard errorState={false} state={toolbar} dataHook={dataHook}>\n      <ToolbarCollection search={true} sticky state={toolbar}>\n        <Box\n          dataHook=\"kanban-test\"\n          marginTop=\"16px\"\n          marginBottom=\"12px\"\n          marginLeft=\"18px\"\n          marginRight=\"18px\"\n          overflow=\"auto\"\n          direction=\"vertical\"\n        >\n          <Box dataHook=\"kanban-stages\" direction=\"vertical\">\n            {props.state.isLoadingStages ? <StagesSkeleton /> : stagesContent}\n          </Box>\n        </Box>\n      </ToolbarCollection>\n    </CollectionCard>\n  );\n}\n\nexport const Kanban = observer(_Kanban);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/LoadingRow/LoadingRow.st.css.js

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "LoadingRow3617053642";
+var _namespace_ = "LoadingRow2398070843";
 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": "LoadingRow3617053642__root"
+  "root": "LoadingRow2398070843__root"
 };
 var keyframes = exports.keyframes = {
-  "gradientSwoosh": "LoadingRow3617053642__gradientSwoosh"
+  "gradientSwoosh": "LoadingRow2398070843__gradientSwoosh"
 };
 var layers = exports.layers = {};
 var containers = exports.containers = {};

package/dist/cjs/components/LoadingRow/LoadingRow.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/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow3617053642\";\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\":\"LoadingRow3617053642__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow3617053642__gradientSwoosh\"}; \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;EAAC,gBAAgB,EAAC;AAAsC,CAAC;AACzE,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/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow2398070843\";\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\":\"LoadingRow2398070843__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow2398070843__gradientSwoosh\"}; \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;EAAC,gBAAgB,EAAC;AAAsC,CAAC;AACzE,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/MaxHeightText/MaxHeightText.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_ = "MaxHeightText4075989554";
+var _namespace_ = "MaxHeightText173930744";
 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": "MaxHeightText4075989554__root"
+  "root": "MaxHeightText173930744__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};