@spaced-out/ui-design-system 0.4.11 → 0.4.13-beta.0

package/lib/utils/helpers/helpers.ts

@@ -0,0 +1,51 @@
+export const uuid = (): string => {
+  let dt = new Date().getTime();
+
+  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
+    const r = (dt + Math.random() * 16) % 16 | 0;
+    dt = Math.floor(dt / 16);
+    return (c === 'x' ? r : (r & 0x3) | 0x8).toString(16);
+  });
+};
+
+export const range = (start: number, end: number): Array<number> => {
+  const length = end - start + 1;
+  return Array.from({length}, (_, i) => start + i);
+};
+
+export const convertFileSize = (fileSize: number = 0): string => {
+  let sizeInBytes = fileSize;
+  // Check if the file size is less than 1024
+  if (sizeInBytes < 0) {
+    sizeInBytes = Math.abs(sizeInBytes);
+  }
+
+  // Handle the case where the file size is 0 or negative
+  if (sizeInBytes <= 0) {
+    return '0 B';
+  }
+
+  // Check if the file size is less than 1024
+  if (sizeInBytes < 1024) {
+    // Return the file size in bytes
+    return sizeInBytes.toString() + ' B';
+  }
+
+  // Check if the file size is less than 1048576
+  else if (sizeInBytes < 1048576) {
+    // Return the file size in KB
+    return (sizeInBytes / 1024).toFixed(1) + ' KB';
+  }
+
+  // Check if the file size is less than 1073741824
+  else if (sizeInBytes < 1073741824) {
+    // Return the file size in MB
+    return (sizeInBytes / 1048576).toFixed(1) + ' MB';
+  }
+
+  // Otherwise, the file size is greater than or equal to 1073741824
+  else {
+    // Return the file size in GB
+    return (sizeInBytes / 1073741824).toFixed(1) + ' GB';
+  }
+};

package/lib/utils/helpers/index.d.ts

@@ -0,0 +1,2 @@
+export * from './helpers';
+//# sourceMappingURL=index.d.ts.map

package/lib/utils/helpers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/helpers/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/lib/utils/helpers/index.ts

@@ -0,0 +1 @@
+export * from './helpers';

package/lib/utils/index.d.ts

@@ -0,0 +1,15 @@
+export * from './array';
+export * from './charts';
+export * from './classify';
+export * from './click-away';
+export * from './date-range-picker';
+export * from './dom';
+export * from './helpers';
+export * from './makeClassNameComponent';
+export * from './menu';
+export * from './merge-refs';
+export * from './rating';
+export * from './score-bar';
+export * from './string';
+export * from './tokens';
+//# sourceMappingURL=index.d.ts.map

package/lib/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,qBAAqB,CAAC;AACpC,cAAc,OAAO,CAAC;AACtB,cAAc,WAAW,CAAC;AAC1B,cAAc,0BAA0B,CAAC;AACzC,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC"}

package/lib/utils/index.ts

@@ -0,0 +1,14 @@
+export * from './array';
+export * from './charts';
+export * from './classify';
+export * from './click-away';
+export * from './date-range-picker';
+export * from './dom';
+export * from './helpers';
+export * from './makeClassNameComponent';
+export * from './menu';
+export * from './merge-refs';
+export * from './rating';
+export * from './score-bar';
+export * from './string';
+export * from './tokens';

package/lib/utils/makeClassNameComponent/index.d.ts

@@ -0,0 +1,2 @@
+export * from './makeClassNameComponent';
+//# sourceMappingURL=index.d.ts.map

package/lib/utils/makeClassNameComponent/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/makeClassNameComponent/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}

package/lib/utils/makeClassNameComponent/index.ts

@@ -0,0 +1 @@
+export * from './makeClassNameComponent';

package/lib/utils/makeClassNameComponent/makeClassNameComponent.d.ts

@@ -0,0 +1,9 @@
+import { Flow } from 'flow-to-typescript-codemod';
+import * as React from 'react';
+export declare function nameHoc<C, T extends React.ComponentType<C>, C2>(WrapperComponent: T, WrappedComponent: React.ComponentType<C2>, hocName: string): T;
+export type ClassNameComponent<T = 'div', I = React.ElementRef<T>> = Flow.AbstractComponent<ComponentProps<T>, I>;
+export declare function makeClassNameComponent<C extends string>(baseClassName: string, ComponentType?: C, name?: string): Flow.AbstractComponent<ComponentProps<C>, React.ElementRef<C>>;
+export declare function makeClassNameComponentCustom<C extends Readonly<{
+    className?: string;
+}>, B>(baseClassName: string, ComponentType: Flow.AbstractComponent<C, B>): Flow.AbstractComponent<C, B>;
+//# sourceMappingURL=makeClassNameComponent.d.ts.map

package/lib/utils/makeClassNameComponent/makeClassNameComponent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeClassNameComponent.d.ts","sourceRoot":"","sources":["../../../src/utils/makeClassNameComponent/makeClassNameComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAChD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,wBAAgB,OAAO,CAAC,CAAC,EAAE,CAAC,SAAS,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,EAAE,EAC7D,gBAAgB,EAAE,CAAC,EACnB,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,EAAE,CAAC,EACzC,OAAO,EAAE,MAAM,GACd,CAAC,CAKH;AAGD,MAAM,MAAM,kBAAkB,CAAC,CAAC,GAAG,KAAK,EAAE,CAAC,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;AAElH,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,aAAa,GAAE,CAAS,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAYvL;AAED,wBAAgB,4BAA4B,CAAC,CAAC,SAAS,QAAQ,CAAC;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC,EAAE,CAAC,EAAE,aAAa,EAAE,MAAM,EAAE,aAAa,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,iBAAiB,CAAC,CAAC,EAAE,CAAC,CAAC,CAiBvG"}

package/lib/utils/makeClassNameComponent/makeClassNameComponent.js

@@ -16,11 +16,15 @@ function nameHoc(WrapperComponent, WrappedComponent, hocName) {
   WrapperComponent.displayName = `${hocName}(${wrappedComponentName})`;
   return WrapperComponent;
 }
+
+// @ts-ignore - TS2322 - Type 'T' is not assignable to type 'ComponentType<P>'.
+
+// @ts-ignore - TS2322 - Type 'C' is not assignable to type 'ComponentType<P>'.
 function makeClassNameComponent(baseClassName) {
   let ComponentType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'div';
   let name = arguments.length > 2 ? arguments[2] : undefined;
   return /*#__PURE__*/React.forwardRef(
-  // $FlowFixMe[escaped-generic]
+  // @ts-ignore - TS7031 - Binding element 'className' implicitly has an 'any' type. | TS7006 - Parameter 'ref' implicitly has an 'any' type.
   nameComponent((_ref, ref) => {
     let {
       className,
@@ -28,7 +32,7 @@ function makeClassNameComponent(baseClassName) {
     } = _ref;
     return (
       /*#__PURE__*/
-      // $FlowFixMe[escaped-generic]
+      // @ts-ignore - TS2604 - JSX element type 'ComponentType' does not have any construct or call signatures.
       React.createElement(ComponentType, _extends({}, props, {
         ref: ref,
         className: (0, _classify.default)(baseClassName, className)
@@ -37,17 +41,27 @@ function makeClassNameComponent(baseClassName) {
   }, `CNC(${name || ComponentType})`));
 }
 function makeClassNameComponentCustom(baseClassName, ComponentType) {
-  return /*#__PURE__*/React.forwardRef(nameHoc((_ref2, ref) => {
+  return /*#__PURE__*/React.forwardRef(
+  // @ts-ignore - TS2345 - Argument of type 'ComponentType<unknown>' is not assignable to parameter of type 'ForwardRefRenderFunction<B, unknown>'.
+  nameHoc(
+  // @ts-ignore - TS2345 - Argument of type '({ className, ...props }: { [x: string]: any; className: any; }, ref: any) => Element' is not assignable to parameter of type 'ComponentType<unknown>'. | TS7031 - Binding element 'className' implicitly has an 'any' type. | TS7006 - Parameter 'ref' implicitly has an 'any' type.
+  (_ref2, ref) => {
     let {
       className,
       ...props
     } = _ref2;
-    return /*#__PURE__*/React.createElement(ComponentType, _extends({}, props, {
-      ref: ref,
-      className: (0, _classify.default)(baseClassName, className)
-    }));
+    return (
+      /*#__PURE__*/
+      // @ts-ignore - TS2769 - No overload matches this call.
+      React.createElement(ComponentType, _extends({}, props, {
+        ref: ref,
+        className: (0, _classify.default)(baseClassName, className)
+      }))
+    );
   }, ComponentType, 'CNC'));
 }
+
+// @ts-ignore - TS7006 - Parameter 'component' implicitly has an 'any' type.
 function nameComponent(component, name) {
   component.displayName = name;
   return component;

package/lib/utils/makeClassNameComponent/makeClassNameComponent.stories.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+declare const _default: {
+    tags: string[];
+    title: string;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Example: () => React.ReactElement<React.ComponentProps<"div">>;
+//# sourceMappingURL=makeClassNameComponent.stories.d.ts.map

package/lib/utils/makeClassNameComponent/makeClassNameComponent.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"makeClassNameComponent.stories.d.ts","sourceRoot":"","sources":["../../../src/utils/makeClassNameComponent/makeClassNameComponent.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;;;;;;;;;;;;AAOtC,wBAwBE;AAEF,eAAO,MAAM,OAAO,QAAO,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAYxE,CAAC"}

package/lib/utils/makeClassNameComponent/makeClassNameComponent.stories.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.Example = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _makeClassNameComponent = require("./makeClassNameComponent");
+var _makeClassNameComponentStoriesModule = _interopRequireDefault(require("./makeClassNameComponent.stories.module.css"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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); }
+var _default = exports.default = {
+  tags: ['autodocs'],
+  title: 'Utils/Make Class Name Component',
+  parameters: {
+    docs: {
+      description: {
+        component: `
+\`\`\`js
+import { makeClassNameComponent } from "@spaced-out/ui-design-system/lib/utils/makeClassNameComponent";
+\`\`\`
+This story showcases the utility functions \`makeClassNameComponent\` and \`makeClassNameComponentCustom\`.
+
+### \`makeClassNameComponent\`
+The \`makeClassNameComponent\` function creates a higher-order component (HOC) that adds a base class name and combines it with the existing class name.
+
+### \`makeClassNameComponentCustom\`
+The \`makeClassNameComponentCustom\` function is similar to \`makeClassNameComponent\`, but allows you to use a custom component as the base component.
+
+### Usage
+Please refer to the individual functions for usage examples.
+`
+      }
+    }
+  }
+};
+const Example = () => {
+  const [className] = (0, _react.useState)('');
+  const ClassNameDiv = (0, _makeClassNameComponent.makeClassNameComponent)(_makeClassNameComponentStoriesModule.default.container, 'div');
+  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(ClassNameDiv, {
+    className: className
+  }, "I'm a div created with make className component"));
+};
+exports.Example = Example;

package/lib/utils/makeClassNameComponent/makeClassNameComponent.stories.tsx

@@ -0,0 +1,46 @@
+import React, {useState} from 'react';
+
+import {makeClassNameComponent} from './makeClassNameComponent';
+
+import css from './makeClassNameComponent.stories.module.css';
+
+
+export default {
+  tags: ['autodocs'],
+  title: 'Utils/Make Class Name Component',
+  parameters: {
+    docs: {
+      description: {
+        component: `
+\`\`\`js
+import { makeClassNameComponent } from "@spaced-out/ui-design-system/lib/utils/makeClassNameComponent";
+\`\`\`
+This story showcases the utility functions \`makeClassNameComponent\` and \`makeClassNameComponentCustom\`.
+
+### \`makeClassNameComponent\`
+The \`makeClassNameComponent\` function creates a higher-order component (HOC) that adds a base class name and combines it with the existing class name.
+
+### \`makeClassNameComponentCustom\`
+The \`makeClassNameComponentCustom\` function is similar to \`makeClassNameComponent\`, but allows you to use a custom component as the base component.
+
+### Usage
+Please refer to the individual functions for usage examples.
+`,
+      },
+    },
+  },
+};
+
+export const Example = (): React.ReactElement<React.ComponentProps<'div'>> => {
+  const [className] = useState('');
+
+  const ClassNameDiv = makeClassNameComponent(css.container, 'div');
+
+  return (
+    <div>
+      <ClassNameDiv className={className}>
+        I'm a div created with make className component
+      </ClassNameDiv>
+    </div>
+  );
+};

package/lib/utils/makeClassNameComponent/makeClassNameComponent.tsx

@@ -0,0 +1,60 @@
+import {Flow} from 'flow-to-typescript-codemod';
+import * as React from 'react';
+
+import classify from '../classify';
+
+
+export function nameHoc<C, T extends React.ComponentType<C>, C2>(
+  WrapperComponent: T,
+  WrappedComponent: React.ComponentType<C2>,
+  hocName: string,
+): T {
+  const wrappedComponentName =
+    WrappedComponent.displayName || WrappedComponent.name || 'Component';
+  WrapperComponent.displayName = `${hocName}(${wrappedComponentName})`;
+  return WrapperComponent;
+}
+
+// @ts-ignore - TS2322 - Type 'T' is not assignable to type 'ComponentType<P>'.
+export type ClassNameComponent<T = 'div', I = React.ElementRef<T>> = Flow.AbstractComponent<ComponentProps<T>, I>;
+// @ts-ignore - TS2322 - Type 'C' is not assignable to type 'ComponentType<P>'.
+export function makeClassNameComponent<C extends string>(baseClassName: string, ComponentType: C = 'div', name?: string): Flow.AbstractComponent<ComponentProps<C>, React.ElementRef<C>> {
+  return React.forwardRef(
+// @ts-ignore - TS7031 - Binding element 'className' implicitly has an 'any' type. | TS7006 - Parameter 'ref' implicitly has an 'any' type.
+    nameComponent(({className, ...props}, ref) => (
+// @ts-ignore - TS2604 - JSX element type 'ComponentType' does not have any construct or call signatures.
+      (<ComponentType
+        {...props}
+        ref={ref}
+        className={classify(baseClassName, className)}
+      />)
+    ), `CNC(${name || ComponentType})`),
+  );
+}
+
+export function makeClassNameComponentCustom<C extends Readonly<{
+  className?: string;
+}>, B>(baseClassName: string, ComponentType: Flow.AbstractComponent<C, B>): Flow.AbstractComponent<C, B> {
+  return React.forwardRef(
+// @ts-ignore - TS2345 - Argument of type 'ComponentType<unknown>' is not assignable to parameter of type 'ForwardRefRenderFunction<B, unknown>'.
+    nameHoc(
+// @ts-ignore - TS2345 - Argument of type '({ className, ...props }: { [x: string]: any; className: any; }, ref: any) => Element' is not assignable to parameter of type 'ComponentType<unknown>'. | TS7031 - Binding element 'className' implicitly has an 'any' type. | TS7006 - Parameter 'ref' implicitly has an 'any' type.
+      ({className, ...props}, ref) => (
+// @ts-ignore - TS2769 - No overload matches this call.
+        <ComponentType
+          {...props}
+          ref={ref}
+          className={classify(baseClassName, className)}
+        />
+      ),
+      ComponentType,
+      'CNC',
+    ),
+  );
+}
+
+// @ts-ignore - TS7006 - Parameter 'component' implicitly has an 'any' type.
+function nameComponent(component, name: string) {
+  component.displayName = name;
+  return component;
+}

package/lib/utils/menu/index.d.ts

@@ -0,0 +1,2 @@
+export * from './menu';
+//# sourceMappingURL=index.d.ts.map

package/lib/utils/menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/lib/utils/menu/index.ts

@@ -0,0 +1 @@
+export * from './menu';

package/lib/utils/menu/menu.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import type { MenuGroupTitleOption, MenuOption } from '../../components/Menu';
+export declare const getSelectedKeysFromSelectedOption: (currentOption?: MenuOption, currentSelectedKeys?: Array<string>) => Array<string>;
+export declare const getTextLabelFromSelectedKeys: (currentSelectedKeys?: Array<string>, options?: MenuOption[]) => string;
+export declare const getButtonLabelFromSelectedKeys: (currentSelectedKeys?: Array<string>, label?: React.ReactNode) => React.ReactNode;
+export declare const getOptionFromKey: (options?: MenuOption[], key?: string) => MenuOption | null | undefined;
+export declare const getOptionsFromKeys: (options?: MenuOption[], keys?: Array<string>) => Array<MenuOption>;
+export declare const getFilteredOptionsFromSearchText: (options: MenuOption[], searchText: string) => MenuOption[];
+export declare const getFilteredOptionsResultText: (options: MenuOption[], staticLabels: {
+    [key: string]: string;
+}) => string;
+export declare const getFilteredComposeOptionsFromSearchText: (composeOptions: Array<Array<MenuOption>>, searchText: string) => Array<Array<MenuOption>>;
+export declare const getFilteredComposeOptionsResultText: (composeOptions: Array<Array<MenuOption>>, staticLabels: {
+    [key: string]: string;
+}) => string;
+export declare const getFilteredGroupTitleOptionsFromSearchText: (groupTitleOptions: Array<MenuGroupTitleOption>, searchText: string) => Array<MenuGroupTitleOption>;
+export declare const getFilteredGroupTitleOptionsResultText: (groupTitleOptions: Array<MenuGroupTitleOption>, staticLabels: {
+    [key: string]: string;
+}) => string;
+//# sourceMappingURL=menu.d.ts.map

package/lib/utils/menu/menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/utils/menu/menu.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAC,oBAAoB,EAAE,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAG5E,eAAO,MAAM,iCAAiC,GAAI,gBAAgB,UAAU,EAAE,sBAAsB,KAAK,CAAC,MAAM,CAAC,KAAG,KAAK,CAAC,MAAM,CAgB/H,CAAC;AAEF,eAAO,MAAM,4BAA4B,GAAI,sBAAsB,KAAK,CAAC,MAAM,CAAC,EAAE,UAAU,UAAU,EAAE,KAAG,MAQ1G,CAAC;AAEF,eAAO,MAAM,8BAA8B,GAAI,sBAAsB,KAAK,CAAC,MAAM,CAAC,EAAE,QAAQ,KAAK,CAAC,SAAS,oBAU1G,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,UAAU,UAAU,EAAE,EAAE,MAAM,MAAM,KAAG,UAAU,GAAG,IAAI,GAAG,SAM3F,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAAI,UAAU,UAAU,EAAE,EAAE,OAAO,KAAK,CAAC,MAAM,CAAC,KAAG,KAAK,CAAC,UAAU,CAWjG,CAAC;AAEF,eAAO,MAAM,gCAAgC,GAAI,SAAS,UAAU,EAAE,EAAE,YAAY,MAAM,KAAG,UAAU,EAQtG,CAAC;AAEF,eAAO,MAAM,4BAA4B,GACvC,SAAS,UAAU,EAAE,EACrB,cAAc;IACZ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,KACA,MAaF,CAAC;AAEF,eAAO,MAAM,uCAAuC,GAAI,gBAAgB,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,EAAE,YAAY,MAAM,KAAG,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAY7I,CAAC;AAEF,eAAO,MAAM,mCAAmC,GAC9C,gBAAgB,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,EACxC,cAAc;IACZ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,KACA,MAeF,CAAC;AAEF,eAAO,MAAM,0CAA0C,GAAI,mBAAmB,KAAK,CAAC,oBAAoB,CAAC,EAAE,YAAY,MAAM,KAAG,KAAK,CAAC,oBAAoB,CAiBzJ,CAAC;AAEF,eAAO,MAAM,sCAAsC,GACjD,mBAAmB,KAAK,CAAC,oBAAoB,CAAC,EAC9C,cAAc;IACZ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,KACA,MAiBF,CAAC"}

package/lib/utils/menu/menu.js

@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getTextLabelFromSelectedKeys = exports.getSelectedKeysFromSelectedOption = exports.getOptionsFromKeys = exports.getOptionFromKey = exports.getFilteredOptionsResultText = exports.getFilteredOptionsFromSearchText = exports.getFilteredGroupTitleOptionsResultText = exports.getFilteredGroupTitleOptionsFromSearchText = exports.getFilteredComposeOptionsResultText = exports.getFilteredComposeOptionsFromSearchText = exports.getButtonLabelFromSelectedKeys = void 0;
-var React = _interopRequireWildcard(require("react"));
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const getSelectedKeysFromSelectedOption = (currentOption, currentSelectedKeys) => {
   if (!Array.isArray(currentSelectedKeys) || !currentOption?.key) {
     return [];

package/lib/utils/menu/menu.ts

@@ -0,0 +1,174 @@
+import * as React from 'react';
+
+import type {MenuGroupTitleOption, MenuOption} from '../../components/Menu';
+
+
+export const getSelectedKeysFromSelectedOption = (currentOption?: MenuOption, currentSelectedKeys?: Array<string>): Array<string> => {
+  if (!Array.isArray(currentSelectedKeys) || !currentOption?.key) {
+    return [];
+  }
+
+  let newSelectedKeys: Array<never> | Array<string> = [];
+
+  if (currentSelectedKeys.includes(currentOption.key)) {
+    newSelectedKeys = currentSelectedKeys.filter(
+      (item) => item !== currentOption.key,
+    );
+  } else {
+    newSelectedKeys = [...currentSelectedKeys, currentOption.key];
+  }
+
+  return newSelectedKeys;
+};
+
+export const getTextLabelFromSelectedKeys = (currentSelectedKeys?: Array<string>, options?: MenuOption[]): string => {
+  if (!Array.isArray(currentSelectedKeys) || !Array.isArray(options)) {
+    return '';
+  }
+
+  const selectedOptions = getOptionsFromKeys(options, currentSelectedKeys);
+
+  return selectedOptions.map((option) => option.label).join(', ');
+};
+
+export const getButtonLabelFromSelectedKeys = (currentSelectedKeys?: Array<string>, label?: React.ReactNode) => {
+  if (
+    !Array.isArray(currentSelectedKeys) ||
+    typeof label !== 'string' ||
+    !currentSelectedKeys.length
+  ) {
+    return label;
+  }
+
+  return `(${currentSelectedKeys.length}) ${label}`;
+};
+
+export const getOptionFromKey = (options?: MenuOption[], key?: string): MenuOption | null | undefined => {
+  if (!Array.isArray(options) || !key || !options.length) {
+    return null;
+  }
+
+  return options.find((option) => option.key === key);
+};
+
+export const getOptionsFromKeys = (options?: MenuOption[], keys?: Array<string>): Array<MenuOption> => {
+  if (
+    !Array.isArray(options) ||
+    !Array.isArray(keys) ||
+    !options.length ||
+    !keys.length
+  ) {
+    return [];
+  }
+
+  return options.filter((option) => keys.includes(option.key));
+};
+
+export const getFilteredOptionsFromSearchText = (options: MenuOption[], searchText: string): MenuOption[] => {
+  if (!Array.isArray(options) || !options.length || !searchText) {
+    return options;
+  }
+
+  return options.filter((option) =>
+    option.label?.toLowerCase().includes(searchText.toLowerCase()),
+  );
+};
+
+export const getFilteredOptionsResultText = (
+  options: MenuOption[],
+  staticLabels: {
+    [key: string]: string;
+  },
+): string => {
+  let resultCount = 0;
+
+  resultCount += options.length;
+
+  const singleResultMessage = staticLabels.RESULT ?? 'result';
+  const multipleResultsMessage = staticLabels.RESULTS ?? 'results';
+
+  const generatedResultText = `${resultCount} ${
+    resultCount > 1 ? multipleResultsMessage : singleResultMessage
+  }`;
+
+  return generatedResultText;
+};
+
+export const getFilteredComposeOptionsFromSearchText = (composeOptions: Array<Array<MenuOption>>, searchText: string): Array<Array<MenuOption>> => {
+  if (!Array.isArray(composeOptions) || !composeOptions.length || !searchText) {
+    return composeOptions;
+  }
+
+  return composeOptions
+    .map((optionGroup) =>
+      optionGroup.filter((option) =>
+        option.label?.toLowerCase().includes(searchText.toLowerCase()),
+      ),
+    )
+    .filter((group) => group.length > 0);
+};
+
+export const getFilteredComposeOptionsResultText = (
+  composeOptions: Array<Array<MenuOption>>,
+  staticLabels: {
+    [key: string]: string;
+  },
+): string => {
+  let resultCount = 0;
+
+  composeOptions.forEach((optionGroup) => {
+    resultCount += optionGroup.length;
+  });
+
+  const singleResultMessage = staticLabels.RESULT ?? 'result';
+  const multipleResultsMessage = staticLabels.RESULTS ?? 'results';
+
+  const generatedResultText = `${resultCount} ${
+    resultCount > 1 ? multipleResultsMessage : singleResultMessage
+  }`;
+
+  return generatedResultText;
+};
+
+export const getFilteredGroupTitleOptionsFromSearchText = (groupTitleOptions: Array<MenuGroupTitleOption>, searchText: string): Array<MenuGroupTitleOption> => {
+  if (
+    !Array.isArray(groupTitleOptions) ||
+    !groupTitleOptions.length ||
+    !searchText
+  ) {
+    return groupTitleOptions;
+  }
+
+  return groupTitleOptions
+    .map((group) => ({
+      ...group,
+      options: group.options?.filter((option: MenuOption) =>
+        option.label?.toLowerCase().includes(searchText.toLowerCase()),
+      ),
+    }))
+    .filter((group) => group.options && group.options.length > 0);
+};
+
+export const getFilteredGroupTitleOptionsResultText = (
+  groupTitleOptions: Array<MenuGroupTitleOption>,
+  staticLabels: {
+    [key: string]: string;
+  },
+): string => {
+  let resultCount = 0;
+
+  groupTitleOptions.forEach((group) => {
+    if (group.options) {
+      resultCount += group.options.length;
+    }
+  });
+
+  const singleResultMessage = staticLabels.RESULT ?? 'result';
+  const multipleResultsMessage = staticLabels.RESULTS ?? 'results';
+
+  const generatedResultText = `${resultCount} ${
+    resultCount > 1 ? multipleResultsMessage : singleResultMessage
+  }`;
+
+  return generatedResultText;
+};

package/lib/utils/merge-refs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './merge-refs';
+//# sourceMappingURL=index.d.ts.map

package/lib/utils/merge-refs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/merge-refs/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/lib/utils/merge-refs/index.ts

@@ -0,0 +1 @@
+export * from './merge-refs';

package/lib/utils/merge-refs/merge-refs.d.ts

@@ -0,0 +1,4 @@
+export declare function mergeRefs(refs: Array<{
+    current: HTMLElement | null | undefined;
+}>): (value?: HTMLElement | null | undefined) => void;
+//# sourceMappingURL=merge-refs.d.ts.map

package/lib/utils/merge-refs/merge-refs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge-refs.d.ts","sourceRoot":"","sources":["../../../src/utils/merge-refs/merge-refs.ts"],"names":[],"mappings":"AAAA,wBAAgB,SAAS,CACvB,IAAI,EAAE,KAAK,CAAC;IACV,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;CACzC,CAAC,GACD,CAAC,KAAK,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,KAAK,IAAI,CAWlD"}

package/lib/utils/merge-refs/merge-refs.js

@@ -8,6 +8,7 @@ function mergeRefs(refs) {
   return value => {
     refs.forEach(ref => {
       if (typeof ref === 'function') {
+        // @ts-ignore - TS2349 - This expression is not callable.
         ref(value);
       } else if (ref != null) {
         ref.current = value;

package/lib/utils/merge-refs/merge-refs.stories.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+declare const _default: {
+    tags: string[];
+    title: string;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Example: () => React.ReactElement<React.ComponentProps<"div">>;
+//# sourceMappingURL=merge-refs.stories.d.ts.map

package/lib/utils/merge-refs/merge-refs.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"merge-refs.stories.d.ts","sourceRoot":"","sources":["../../../src/utils/merge-refs/merge-refs.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAC;;;;;;;;;;;;AAW9C,wBAqBE;AAEF,eAAO,MAAM,OAAO,QAAO,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAyDxE,CAAC"}