@ssa-ui-kit/core 2.1.0 → 2.1.1

package/dist/index.js

@@ -91,18 +91,11 @@ __webpack_require__.d(__webpack_exports__, {
   DropdownOption: () => (/* reexport */ DropdownOption_DropdownOption),
   DropdownOptions: () => (/* reexport */ DropdownOptions_DropdownOptions),
   DropdownToggle: () => (/* reexport */ DropdownToggle_DropdownToggle),
-  FieldControlProps: () => (/* reexport */ FieldControl_namespaceObject.FieldControlProps),
-  FieldLabelProps: () => (/* reexport */ FieldLabel_namespaceObject.FieldLabelProps),
-  FieldProps: () => (/* reexport */ FieldRoot_namespaceObject.FieldRootProps),
-  Filter: () => (/* reexport */ useFiltersMultiSelect_namespaceObject.Filter),
   Filters: () => (/* reexport */ Filters),
   FiltersMultiSelect: () => (/* reexport */ FiltersMultiSelect),
   FiltersMultiSelectEmpty: () => (/* reexport */ FiltersMultiSelectEmpty),
-  FiltersMultiSelectEmptyProps: () => (/* reexport */ FiltersMultiSelectEmpty_namespaceObject.FiltersMultiSelectEmptyProps),
   FiltersMultiSelectOption: () => (/* reexport */ FiltersMultiSelectOption),
-  FiltersMultiSelectOptionProps: () => (/* reexport */ FiltersMultiSelectOption_namespaceObject.FiltersMultiSelectOptionProps),
   FiltersMultiSelectOptions: () => (/* reexport */ FiltersMultiSelectOptions),
-  FiltersMultiSelectProps: () => (/* reexport */ FiltersMultiSelect_namespaceObject.FiltersMultiSelectProps),
   Form: () => (/* reexport */ Form_Form),
   FormAction: () => (/* reexport */ FormAction_FormAction),
   FormCheckbox: () => (/* reexport */ FormCheckbox_FormCheckbox),
@@ -167,7 +160,6 @@ __webpack_require__.d(__webpack_exports__, {
   SearchBoxWrapper: () => (/* reexport */ SearchBoxWrapper),
   SegmentedPieChart: () => (/* reexport */ SegmentedPieChart),
   SegmentedPieChartComponent: () => (/* reexport */ SegmentedPieChartComponent),
-  SelectedFilter: () => (/* reexport */ useFiltersMultiSelect_namespaceObject.SelectedFilter),
   SimpleChartTooltip: () => (/* reexport */ SimpleChartTooltip),
   Step: () => (/* reexport */ Step_Step),
   StepConnector: () => (/* reexport */ StepConnector_StepConnector),
@@ -888,55 +880,6 @@ __webpack_require__.d(Tooltip_styles_namespaceObject, {
   small: () => (Tooltip_styles_small)
 });
 
-// NAMESPACE OBJECT: ./src/components/Field/FieldRoot.tsx
-var FieldRoot_namespaceObject = {};
-__webpack_require__.r(FieldRoot_namespaceObject);
-__webpack_require__.d(FieldRoot_namespaceObject, {
-  X: () => (FieldRoot)
-});
-
-// NAMESPACE OBJECT: ./src/components/Field/FieldLabel.tsx
-var FieldLabel_namespaceObject = {};
-__webpack_require__.r(FieldLabel_namespaceObject);
-__webpack_require__.d(FieldLabel_namespaceObject, {
-  d: () => (FieldLabel)
-});
-
-// NAMESPACE OBJECT: ./src/components/Field/FieldControl.tsx
-var FieldControl_namespaceObject = {};
-__webpack_require__.r(FieldControl_namespaceObject);
-__webpack_require__.d(FieldControl_namespaceObject, {
-  s: () => (FieldControl)
-});
-
-// NAMESPACE OBJECT: ./src/components/FiltersMultiSelect/useFiltersMultiSelect.tsx
-var useFiltersMultiSelect_namespaceObject = {};
-__webpack_require__.r(useFiltersMultiSelect_namespaceObject);
-__webpack_require__.d(useFiltersMultiSelect_namespaceObject, {
-  j: () => (useFilterMultiSelect)
-});
-
-// NAMESPACE OBJECT: ./src/components/FiltersMultiSelect/components/FiltersMultiSelectEmpty.tsx
-var FiltersMultiSelectEmpty_namespaceObject = {};
-__webpack_require__.r(FiltersMultiSelectEmpty_namespaceObject);
-__webpack_require__.d(FiltersMultiSelectEmpty_namespaceObject, {
-  S: () => (FiltersMultiSelectEmpty)
-});
-
-// NAMESPACE OBJECT: ./src/components/FiltersMultiSelect/FiltersMultiSelect.tsx
-var FiltersMultiSelect_namespaceObject = {};
-__webpack_require__.r(FiltersMultiSelect_namespaceObject);
-__webpack_require__.d(FiltersMultiSelect_namespaceObject, {
-  p: () => (FiltersMultiSelect)
-});
-
-// NAMESPACE OBJECT: ./src/components/FiltersMultiSelect/components/FiltersMultiSelectOption.tsx
-var FiltersMultiSelectOption_namespaceObject = {};
-__webpack_require__.r(FiltersMultiSelectOption_namespaceObject);
-__webpack_require__.d(FiltersMultiSelectOption_namespaceObject, {
-  u: () => (FiltersMultiSelectOption)
-});
-
 // NAMESPACE OBJECT: ./src/components/Charts/PieChart/colorPalettes.ts
 var colorPalettes_namespaceObject = {};
 __webpack_require__.r(colorPalettes_namespaceObject);
@@ -4129,16 +4072,16 @@ function Dropdown_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to s
 
 
 
-/**
- * The structure of the component:
- *
- * Dropdown
- *   DropdownToggle
- *   DropdownOptions
- *     DropdownOption
- *
- * Aria attributes are set according to
- * https://www.w3.org/WAI/ARIA/apg/example-index/combobox/combobox-select-only.html
+/**
+ * The structure of the component:
+ *
+ * Dropdown
+ *   DropdownToggle
+ *   DropdownOptions
+ *     DropdownOption
+ *
+ * Aria attributes are set according to
+ * https://www.w3.org/WAI/ARIA/apg/example-index/combobox/combobox-select-only.html
  **/
 
 const DropdownBase = /*#__PURE__*/base_default()("div",  true ? {
@@ -5242,16 +5185,16 @@ const DropdownPlaceholderLabel = /*#__PURE__*/base_default()("div",  true ? {
   styles: "white-space:nowrap;overflow:hidden;text-overflow:ellipsis"
 } : 0);
 
-/**
- * The structure of the component:
- *
- * MultipleDropdown
- *   DropdownToggle
- *   MultipleDropdownOptions
- *     DropdownOption
- *
- * Aria attributes are set according to
- * https://www.w3.org/WAI/ARIA/apg/example-index/combobox/combobox-select-only.html
+/**
+ * The structure of the component:
+ *
+ * MultipleDropdown
+ *   DropdownToggle
+ *   MultipleDropdownOptions
+ *     DropdownOption
+ *
+ * Aria attributes are set according to
+ * https://www.w3.org/WAI/ARIA/apg/example-index/combobox/combobox-select-only.html
  **/
 function MultipleDropdownInner({
   selectedItems = [],
@@ -5496,8 +5439,8 @@ const NavToggle = ({
 
 
 
-/**
- * UI Component that shows the navigation bar
+/**
+ * UI Component that shows the navigation bar
  */
 const NavBar = ({
   items
@@ -6747,12 +6690,12 @@ const ProgressVertical = ({
 /* harmony default export */ const ProgressVertical_ProgressVertical = (ProgressVertical);
 ;// ./src/components/ResponsiveImage/ResponsiveImage.tsx
 
-/**
- * A simple wrapper over the `<img />` tag.
- *
- * Don't forget to adjust Device Pixel Ratio in DevTools
- * when testing srcSet, and use Hard Reload to force the
- * browser to load an image of another resolution.
+/**
+ * A simple wrapper over the `<img />` tag.
+ *
+ * Don't forget to adjust Device Pixel Ratio in DevTools
+ * when testing srcSet, and use Hard Reload to force the
+ * browser to load an image of another resolution.
  * */
 const ResponsiveImage = ({
   src,
@@ -7163,12 +7106,12 @@ const TabBarBase = /*#__PURE__*/base_default()("div",  true ? {
   target: "e1hg26v10"
 } : 0)( true ? "" : 0);
 
-/**
- * This component doesn't show contents of the selected tab,
- * however it accepts a required `renderContent()` render
- * prop and stores it into the Context. This lets the parent
- * component to decide where to render the contents of the
- * selected tab.
+/**
+ * This component doesn't show contents of the selected tab,
+ * however it accepts a required `renderContent()` render
+ * prop and stores it into the Context. This lets the parent
+ * component to decide where to render the contents of the
+ * selected tab.
  * */
 const TabBar = ({
   children
@@ -7485,13 +7428,13 @@ const useTooltipContext = () => {
 
 
 
-/*
- * <Tooltip>
- *   <TooltipTrigger>
- *     <Button />
- *   </TooltipTrigger>
- *   <TooltipContent>Tooltip</TooltipContent>
- * </Tooltip>
+/*
+ * <Tooltip>
+ *   <TooltipTrigger>
+ *     <Button />
+ *   </TooltipTrigger>
+ *   <TooltipContent>Tooltip</TooltipContent>
+ * </Tooltip>
  * */
 const Tooltip = ({
   children,
@@ -7965,9 +7908,9 @@ var CardList_ref =  true ? {
   name: "1fgo50s",
   styles: "list-style:none;padding:0;li{margin-bottom:15px;}"
 } : 0;
-/**
- *
- * UI Component that renders a list of items with a custom render function
+/**
+ *
+ * UI Component that renders a list of items with a custom render function
  */
 const CardList = ({
   title,
@@ -8837,8 +8780,8 @@ const SCREEN_SIZES = {
 
 
 
-/**
- * UI Component that shows the collapsible navigation bar
+/**
+ * UI Component that shows the collapsible navigation bar
  */
 
 const CollapsibleNavBar = ({
@@ -9913,132 +9856,10 @@ const DatePicker = /*#__PURE__*/(0,external_react_namespaceObject.forwardRef)(Da
 ;// ./src/components/Field/FieldProvider.ts
 
 const [FieldProvider, useFieldContext] = (0,hooks_namespaceObject.createSafeContext)('useFieldContext must be used within a FieldProvider');
-;// ./src/components/Field/FieldRoot.tsx
-
-
-const FieldRoot = ({
-  children,
-  ...props
-}) => {
-  const {
-    disabled = false,
-    status = 'basic',
-    forwardFocus = true,
-    ...divProps
-  } = props;
-  return (0,jsx_runtime_namespaceObject.jsx)("div", {
-    ...divProps,
-    children: (0,jsx_runtime_namespaceObject.jsx)(FieldProvider, {
-      value: {
-        disabled,
-        status,
-        forwardFocus
-      },
-      children: children
-    })
-  });
-};
-;// ./src/components/Field/FieldLabel.tsx
-
-
-
-const FieldLabel = ({
-  children,
-  ...props
-}) => {
-  const ctx = useFieldContext();
-  return (0,jsx_runtime_namespaceObject.jsx)(Label_Label, {
-    isDisabled: ctx.disabled,
-    ...props,
-    children: children
-  });
-};
-;// ./src/components/Field/FieldControl.tsx
-
-
-
-
-const FieldControlBase = /*#__PURE__*/base_default()("div",  true ? {
-  target: "e1lr2tz0"
-} : 0)("display:flex;align-items:center;min-height:44px;height:auto;border-radius:8px;overflow:hidden;border:1px solid ", ({
-  status,
-  theme
-}) => {
-  if (status === 'error') return theme.colors.red;
-  if (status === 'success') return theme.colors.greenLighter;
-  return theme.colors.grey;
-}, ";background:", ({
-  disabled,
-  theme
-}) => disabled ? theme.colors.greyLighter : theme.colors.white, ";&>*{background:transparent;}&:active,&:hover{background:", ({
-  disabled,
-  theme
-}) => disabled ? theme.colors.greyLighter : theme.colors.white, ";box-shadow:none;}&:hover{cursor:", ({
-  disabled
-}) => disabled ? 'default' : 'pointer', ";}&:focus-within,&:active{border-color:", ({
-  status,
-  disabled,
-  theme
-}) => {
-  if (disabled) return theme.colors.grey;
-  if (status === 'error') return theme.colors.red;
-  if (status === 'success') return theme.colors.greenLighter;
-  return theme.colors.blueRoyal;
-}, ";}" + ( true ? "" : 0));
-const isForwardRefComponent = component => {
-  if (typeof component.type === 'object' && component.type.$$typeof?.toString() === 'Symbol(react.forward_ref)') {
-    return true;
-  }
-  return false;
-};
-const FieldControl = /*#__PURE__*/external_react_default().forwardRef(function FieldControl({
-  children,
-  controlRef,
-  ...props
-}, ref) {
-  const ctx = useFieldContext();
-  const baseProps = {
-    ...props,
-    ...ctx
-  };
-  const internalRef = (0,external_react_namespaceObject.useRef)(null);
-  let _children = typeof children === 'function' ? children(ctx) : children;
-  if (ctx.forwardFocus && /*#__PURE__*/(0,external_react_namespaceObject.isValidElement)(_children) && isForwardRefComponent(_children)) {
-    const setRef = defaultRef => element => {
-      internalRef.current = element;
-      if (defaultRef) {
-        if (typeof defaultRef === 'function') {
-          defaultRef(element);
-        } else {
-          defaultRef.current = element;
-        }
-      }
-    };
-    _children = /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(_children, {
-      ref: setRef(children.ref)
-    });
-  }
-  return (0,jsx_runtime_namespaceObject.jsx)(FieldControlBase, {
-    ...baseProps,
-    ref: ref,
-    onClick: event => {
-      baseProps.onClick?.(event);
-      if (controlRef) {
-        controlRef.current?.focus?.();
-      } else if (internalRef.current) {
-        internalRef.current?.focus?.();
-      }
-    },
-    children: _children
-  });
-});
 ;// ./src/components/Field/index.ts
 
 
 
-
-
-
 ;// ./src/components/TableFilters/styles.ts
 function TableFilters_styles_EMOTION_STRINGIFIED_CSS_ERROR_() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
@@ -10941,6 +10762,125 @@ const Filters = ({
 };
 ;// ./src/components/Filters/index.ts
 
+;// ./src/components/Field/FieldRoot.tsx
+
+
+const FieldRoot = ({
+  children,
+  ...props
+}) => {
+  const {
+    disabled = false,
+    status = 'basic',
+    forwardFocus = true,
+    ...divProps
+  } = props;
+  return (0,jsx_runtime_namespaceObject.jsx)("div", {
+    ...divProps,
+    children: (0,jsx_runtime_namespaceObject.jsx)(FieldProvider, {
+      value: {
+        disabled,
+        status,
+        forwardFocus
+      },
+      children: children
+    })
+  });
+};
+;// ./src/components/Field/FieldLabel.tsx
+
+
+
+const FieldLabel = ({
+  children,
+  ...props
+}) => {
+  const ctx = useFieldContext();
+  return (0,jsx_runtime_namespaceObject.jsx)(Label_Label, {
+    isDisabled: ctx.disabled,
+    ...props,
+    children: children
+  });
+};
+;// ./src/components/Field/FieldControl.tsx
+
+
+
+
+const FieldControlBase = /*#__PURE__*/base_default()("div",  true ? {
+  target: "e1lr2tz0"
+} : 0)("display:flex;align-items:center;min-height:44px;height:auto;border-radius:8px;overflow:hidden;border:1px solid ", ({
+  status,
+  theme
+}) => {
+  if (status === 'error') return theme.colors.red;
+  if (status === 'success') return theme.colors.greenLighter;
+  return theme.colors.grey;
+}, ";background:", ({
+  disabled,
+  theme
+}) => disabled ? theme.colors.greyLighter : theme.colors.white, ";&>*{background:transparent;}&:active,&:hover{background:", ({
+  disabled,
+  theme
+}) => disabled ? theme.colors.greyLighter : theme.colors.white, ";box-shadow:none;}&:hover{cursor:", ({
+  disabled
+}) => disabled ? 'default' : 'pointer', ";}&:focus-within,&:active{border-color:", ({
+  status,
+  disabled,
+  theme
+}) => {
+  if (disabled) return theme.colors.grey;
+  if (status === 'error') return theme.colors.red;
+  if (status === 'success') return theme.colors.greenLighter;
+  return theme.colors.blueRoyal;
+}, ";}" + ( true ? "" : 0));
+const isForwardRefComponent = component => {
+  if (typeof component.type === 'object' && component.type.$$typeof?.toString() === 'Symbol(react.forward_ref)') {
+    return true;
+  }
+  return false;
+};
+const FieldControl = /*#__PURE__*/external_react_default().forwardRef(function FieldControl({
+  children,
+  controlRef,
+  ...props
+}, ref) {
+  const ctx = useFieldContext();
+  const baseProps = {
+    ...props,
+    ...ctx
+  };
+  const internalRef = (0,external_react_namespaceObject.useRef)(null);
+  let _children = typeof children === 'function' ? children(ctx) : children;
+  if (ctx.forwardFocus && /*#__PURE__*/(0,external_react_namespaceObject.isValidElement)(_children) && isForwardRefComponent(_children)) {
+    const setRef = defaultRef => element => {
+      internalRef.current = element;
+      if (defaultRef) {
+        if (typeof defaultRef === 'function') {
+          defaultRef(element);
+        } else {
+          defaultRef.current = element;
+        }
+      }
+    };
+    _children = /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(_children, {
+      ref: setRef(children.ref)
+    });
+  }
+  return (0,jsx_runtime_namespaceObject.jsx)(FieldControlBase, {
+    ...baseProps,
+    ref: ref,
+    onClick: event => {
+      baseProps.onClick?.(event);
+      if (controlRef) {
+        controlRef.current?.focus?.();
+      } else if (internalRef.current) {
+        internalRef.current?.focus?.();
+      }
+    },
+    children: _children
+  });
+});
 ;// ./src/components/Field/FieldDescription.tsx
 
 
@@ -11711,8 +11651,6 @@ const NestedTableRow = ({
 
 
 
-
-
 const WithNestedTableRow = ({
   children
 }) => {
@@ -11723,33 +11661,24 @@ const WithNestedTableRow = ({
   return external_react_namespaceObject.Children.map(children, (child, index) => {
     if (/*#__PURE__*/(0,external_react_namespaceObject.isValidElement)(child)) {
       const isSubHeader = index === 0;
-      if (child.type === TableRow_TableRow || child.type === NestedTableRow) {
-        const classNames = [];
-        if (isSubHeader) {
-          classNames.push('first-row');
-        }
-        if (isCollapsed) {
-          classNames.push('collapsed');
-        }
-        return (0,jsx_runtime_namespaceObject.jsx)(NestedTableRowProvider, {
-          isCollapsed: isCollapsed,
-          isSubHeader: isSubHeader,
-          childRowsCount: childRowsCount,
-          children: /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(child, {
-            className: classNames.length > 0 ? classNames.join(' ') : undefined,
-            onClick: childRowsCount > 1 ? () => {
-              setIsCollapsed(currentState => !currentState);
-            } : undefined
-          })
-        });
+      const classNames = [];
+      if (isSubHeader) {
+        classNames.push('first-row');
+      }
+      if (isCollapsed) {
+        classNames.push('collapsed');
       }
       return (0,jsx_runtime_namespaceObject.jsx)(NestedTableRowProvider, {
         isCollapsed: isCollapsed,
         isSubHeader: isSubHeader,
         childRowsCount: childRowsCount,
         children: /*#__PURE__*/(0,external_react_namespaceObject.cloneElement)(child, {
+          className: classNames.length > 0 ? classNames.join(' ') : undefined,
           isCollapsed,
-          childRowsCount
+          childRowsCount,
+          onClick: childRowsCount > 1 ? () => {
+            setIsCollapsed(currentState => !currentState);
+          } : undefined
         })
       });
     }
@@ -13213,29 +13142,29 @@ const BarLineComplexChartView = ({
     debouncedFn();
   };
   const handleHover = () => {
-    /**
-     * Show tooltip on hover
-     * event: Readonly<Plotly.PlotHoverEvent>
-     * - event = {}
-     * - points:
-     * Array<{
-     *   bbox: { x0: number; x1: number; y0: number; y1: number; };
-     *   curveNumber: number;
-     *   data: Plotly.Data;
-     *   fullData: Plotly.Data;
-     *   label: number;
-     *   pointIndex: number;
-     *   pointNumber: number;
-     *   value: number;
-     *   x: number;
-     *   y: number;
-     *   xaxis: string;
-     *   yaxis: string;
-     * }>
-     * - xaxes: Array<{}>
-     * - xvals: Array<number>
-     * - yaxes: Array<{}>
-     * - yvals: Array<number>
+    /**
+     * Show tooltip on hover
+     * event: Readonly<Plotly.PlotHoverEvent>
+     * - event = {}
+     * - points:
+     * Array<{
+     *   bbox: { x0: number; x1: number; y0: number; y1: number; };
+     *   curveNumber: number;
+     *   data: Plotly.Data;
+     *   fullData: Plotly.Data;
+     *   label: number;
+     *   pointIndex: number;
+     *   pointNumber: number;
+     *   value: number;
+     *   x: number;
+     *   y: number;
+     *   xaxis: string;
+     *   yaxis: string;
+     * }>
+     * - xaxes: Array<{}>
+     * - xvals: Array<number>
+     * - yaxes: Array<{}>
+     * - yvals: Array<number>
      */
     setIsOpen(false);
   };
@@ -14411,14 +14340,14 @@ var Typeahead_ref =  true ? {
   name: "1d3w5wq",
   styles: "width:100%"
 } : 0;
-/**
- * The structure of the component:
- * - TypeaheadTrigger
- * - TypeaheadOptions
- * - FormHelperText
- *
- * Aria attributes are set according to
- * https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/
+/**
+ * The structure of the component:
+ * - TypeaheadTrigger
+ * - TypeaheadOptions
+ * - FormHelperText
+ *
+ * Aria attributes are set according to
+ * https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/
  **/
 const Typeahead = ({
   name = 'typeahead-search',