@spaced-out/ui-design-system 0.4.15 → 0.5.1

package/lib/utils/dom/dom.js

@@ -34,7 +34,8 @@ function getFixedAnchorPosition(element) {
   const rect = element.getBoundingClientRect();
   const docX = rect.left;
   const docY = rect.top;
-  let x, y;
+  let x;
+  let y;
   switch (placement) {
     case 'bottom':
       y = docY + rect.height + pad;
@@ -108,13 +109,20 @@ function pxToNumber(px) {
   return parseFloat(px.replace('px', '') || '0');
 }
 
-// TODO (kyle): add more handler types?
+// Map event name -> listener
 
 function listen(target, handlers, options) {
   let hook = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'addEventListener';
   for (const eventName in handlers) {
-    // $FlowFixMe indexing valid EventTarget properties
-    target[hook](eventName, handlers[eventName], options);
+    const handler = handlers[eventName];
+    if (!handler) {
+      continue;
+    }
+    if (hook === 'addEventListener') {
+      target.addEventListener(eventName, handler, options);
+    } else {
+      target.removeEventListener(eventName, handler, options);
+    }
   }
 }
 function forget(target, events, options) {
@@ -124,7 +132,10 @@ function stopEvent(event) {
   event.stopPropagation();
 }
 function stopEventImmediately(event) {
-  event.nativeEvent.stopImmediatePropagation();
+  const nativeEvt = event.nativeEvent;
+  if (typeof nativeEvt.stopImmediatePropagation === 'function') {
+    nativeEvt.stopImmediatePropagation();
+  }
 }
 function cancelEvent(event) {
   event.stopPropagation();
@@ -133,7 +144,6 @@ function cancelEvent(event) {
 function requestPointerLock(element) {
   return new Promise((resolve, reject) => {
     const handleChange = () => {
-      // $FlowIssue
       if (document.pointerLockElement === element) {
         resolve();
         removeHandlers();
@@ -144,14 +154,11 @@ function requestPointerLock(element) {
       removeHandlers();
     };
     const removeHandlers = () => {
-      // $FlowFixMe
       forget(document, {
         pointerlockchange: handleChange,
         pointerlockerror: handleError
       });
     };
-
-    // $FlowFixMe
     listen(document, {
       pointerlockchange: handleChange,
       pointerlockerror: handleError
@@ -166,8 +173,8 @@ function checkDateInputSupport() {
   input.setAttribute('value', notADateValue);
   return input.value !== notADateValue;
 }
-//reference: https://stackoverflow.com/a/10199306
 
+// reference: https://stackoverflow.com/a/10199306
 const getListPasteHandler = _ref => {
   let {
     listItemSeparatorRegex = /[\,\n]/,
@@ -178,18 +185,14 @@ const getListPasteHandler = _ref => {
     if (!value || !value.length) {
       return;
     }
-    //do nothing if the copied string fails the regex test
+    // do nothing if the copied string fails the regex test
     if (!listItemSeparatorRegex.test(value)) {
       return;
     }
     event.preventDefault();
     const parsedValues = value.split(listItemSeparatorRegex).reduce((acc, val) => {
       const newVal = val.trim();
-      if (
-      // value exists
-      !!newVal.length &&
-      // value not already in queue
-      !acc.includes(newVal)) {
+      if (newVal.length && !acc.includes(newVal)) {
         acc.push(newVal);
       }
       return acc;

package/lib/utils/dom/dom.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=dom.stories.d.ts.map

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

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

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

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

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

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

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

@@ -0,0 +1,4 @@
+export declare const uuid: () => string;
+export declare const range: (start: number, end: number) => Array<number>;
+export declare const convertFileSize: (fileSize?: number) => string;
+//# sourceMappingURL=helpers.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/utils/helpers/helpers.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,IAAI,QAAO,MAQvB,CAAC;AAEF,eAAO,MAAM,KAAK,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,KAAG,KAAK,CAAC,MAAM,CAG9D,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,WAAU,MAAU,KAAG,MAmCtD,CAAC"}

package/lib/utils/helpers/helpers.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=helpers.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.stories.d.ts","sourceRoot":"","sources":["../../../src/utils/helpers/helpers.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;;;;;;;;;;;;AAWtC,wBA+BE;AAEF,eAAO,MAAM,OAAO,QAAO,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CA+ExE,CAAC"}

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/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/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/makeClassNameComponent.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import type { Flow } from 'flow-to-typescript-codemod';
+/** Extract the actual ref instance type from a JSX element/component type */
+type RefOf<E extends React.ElementType> = React.ComponentPropsWithRef<E> extends {
+    ref?: React.Ref<infer R>;
+} ? R : never;
+/** Public props for generated components: original props (no ref) + optional className */
+export type ComponentProps<E extends React.ElementType> = React.ComponentPropsWithoutRef<E> & {
+    className?: string;
+};
+/** HOC display name helper: sets Wrapper.displayName = `${hocName}(WrappedName)` */
+export declare function nameHoc<C, T extends React.ComponentType<C>, C2>(WrapperComponent: T, WrappedComponent: React.ComponentType<C2>, hocName: string): T;
+/** Public alias for “className-merging” components */
+export type ClassNameComponent<T extends React.ElementType = 'div'> = Flow.AbstractComponent<ComponentProps<T>, RefOf<T>>;
+/**
+ * Factory: builds a component for a given intrinsic tag or component type
+ * that merges `className` with a base class and forwards its ref.
+ */
+export declare function makeClassNameComponent<C extends React.ElementType = 'div'>(baseClassName: string, ComponentType?: C, name?: string): Flow.AbstractComponent<ComponentProps<C>, RefOf<C>>;
+export {};
+//# 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,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAIrD,6EAA6E;AAC7E,KAAK,KAAK,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IACpC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,SAAS;IAAC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAA;CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAEhF,0FAA0F;AAC1F,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IACpD,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,GAAG;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAC,CAAC;AAW3D,oFAAoF;AACpF,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;AAED,sDAAsD;AACtD,MAAM,MAAM,kBAAkB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAChE,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;AAEtD;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EACxE,aAAa,EAAE,MAAM,EACrB,aAAa,CAAC,EAAE,CAAC,EACjB,IAAI,CAAC,EAAE,MAAM,GACZ,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,CAarD"}

package/lib/utils/makeClassNameComponent/makeClassNameComponent.js

@@ -4,51 +4,47 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.makeClassNameComponent = makeClassNameComponent;
-exports.makeClassNameComponentCustom = makeClassNameComponentCustom;
 exports.nameHoc = nameHoc;
 var React = _interopRequireWildcard(require("react"));
 var _classify = _interopRequireDefault(require("../classify"));
 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); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/** Extract the actual ref instance type from a JSX element/component type */
+
+/** Public props for generated components: original props (no ref) + optional className */
+
+/** Utility: set displayName on a component */
+function nameComponent(component, name) {
+  component.displayName = name;
+  return component;
+}
+
+/** HOC display name helper: sets Wrapper.displayName = `${hocName}(WrappedName)` */
 function nameHoc(WrapperComponent, WrappedComponent, hocName) {
   const wrappedComponentName = WrappedComponent.displayName || WrappedComponent.name || 'Component';
   WrapperComponent.displayName = `${hocName}(${wrappedComponentName})`;
   return WrapperComponent;
 }
-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]
-  nameComponent((_ref, ref) => {
+
+/** Public alias for “className-merging” components */
+
+/**
+ * Factory: builds a component for a given intrinsic tag or component type
+ * that merges `className` with a base class and forwards its ref.
+ */
+function makeClassNameComponent(baseClassName, ComponentType, name) {
+  const Comp = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     let {
       className,
       ...props
     } = _ref;
-    return (
-      /*#__PURE__*/
-      // $FlowFixMe[escaped-generic]
-      React.createElement(ComponentType, _extends({}, props, {
-        ref: ref,
-        className: (0, _classify.default)(baseClassName, className)
-      }))
-    );
-  }, `CNC(${name || ComponentType})`));
-}
-function makeClassNameComponentCustom(baseClassName, ComponentType) {
-  return /*#__PURE__*/React.forwardRef(nameHoc((_ref2, ref) => {
-    let {
-      className,
-      ...props
-    } = _ref2;
-    return /*#__PURE__*/React.createElement(ComponentType, _extends({}, props, {
-      ref: ref,
+    return /*#__PURE__*/React.createElement(ComponentType ?? 'div', {
+      ...props,
+      ref,
       className: (0, _classify.default)(baseClassName, className)
-    }));
-  }, ComponentType, 'CNC'));
-}
-function nameComponent(component, name) {
-  component.displayName = name;
-  return component;
+    });
+  });
+  nameComponent(Comp, `CNC(${name || ComponentType || 'div'})`);
+  // Bridge Flow.AbstractComponent signature
+  return Comp;
 }

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/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/menu.d.ts

@@ -0,0 +1,20 @@
+import type * 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,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAC,oBAAoB,EAAE,UAAU,EAAC,MAAM,uBAAuB,CAAC;AAG5E,eAAO,MAAM,iCAAiC,GAC5C,gBAAgB,UAAU,EAC1B,sBAAsB,KAAK,CAAC,MAAM,CAAC,KAClC,KAAK,CAAC,MAAM,CAgBd,CAAC;AAEF,eAAO,MAAM,4BAA4B,GACvC,sBAAsB,KAAK,CAAC,MAAM,CAAC,EACnC,UAAU,UAAU,EAAE,KACrB,MAQF,CAAC;AAEF,eAAO,MAAM,8BAA8B,GACzC,sBAAsB,KAAK,CAAC,MAAM,CAAC,EACnC,QAAQ,KAAK,CAAC,SAAS,oBAWxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,UAAU,UAAU,EAAE,EACtB,MAAM,MAAM,KACX,UAAU,GAAG,IAAI,GAAG,SAMtB,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,UAAU,UAAU,EAAE,EACtB,OAAO,KAAK,CAAC,MAAM,CAAC,KACnB,KAAK,CAAC,UAAU,CAWlB,CAAC;AAEF,eAAO,MAAM,gCAAgC,GAC3C,SAAS,UAAU,EAAE,EACrB,YAAY,MAAM,KACjB,UAAU,EAQZ,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,GAClD,gBAAgB,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,EACxC,YAAY,MAAM,KACjB,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,CAYzB,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,GACrD,mBAAmB,KAAK,CAAC,oBAAoB,CAAC,EAC9C,YAAY,MAAM,KACjB,KAAK,CAAC,oBAAoB,CAiB5B,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/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/merge-refs.d.ts

@@ -0,0 +1,4 @@
+export declare function mergeRefs(refs: Array<{
+    current: HTMLElement | null | undefined;
+} | ((value?: HTMLElement | null | undefined) => void)>): (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,CACP;IAAC,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAA;CAAC,GACzC,CAAC,CAAC,KAAK,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC,CACrD,GACA,CAAC,KAAK,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,KAAK,IAAI,CAUlD"}

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"}

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

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

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

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

package/lib/utils/rating/rating.d.ts

@@ -0,0 +1,13 @@
+export declare const RATING_ERRORS: Readonly<{
+    INVALID_RANGE: {
+        type: string;
+        description: string;
+    };
+    INVALID_RATING_LABELS: {
+        type: string;
+        description: string;
+    };
+}>;
+export declare const RATINGS: Array<string>;
+export declare const getRatingLabel: (rating: number, labels: Array<string>) => string;
+//# sourceMappingURL=rating.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rating.d.ts","sourceRoot":"","sources":["../../../src/utils/rating/rating.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa;;;;;;;;;EAUxB,CAAC;AAEH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,MAAM,CAOjC,CAAC;AAEF,eAAO,MAAM,cAAc,GACzB,QAAQ,MAAM,EACd,QAAQ,KAAK,CAAC,MAAM,CAAC,KACpB,MAQF,CAAC"}

package/lib/utils/score-bar/index.d.ts

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

package/lib/utils/score-bar/index.d.ts.map

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

package/lib/utils/score-bar/score-bar.d.ts

@@ -0,0 +1,10 @@
+import type { ScoreBarColorMap, ScoreBarLabelMap } from '../../components/ScoreBar';
+export declare const getColorByScorePercentage: (totalBars: number, score: number, currentBarNumber: number, colorMap: ScoreBarColorMap) => string;
+export declare const getLabelByScorePercentage: (score: number, totalBars: number, labelMap?: ScoreBarLabelMap) => string;
+export declare const SCORE_BAR_ERRORS: Readonly<{
+    INVALID_BAR_COUNT: {
+        type: string;
+        description: string;
+    };
+}>;
+//# sourceMappingURL=score-bar.d.ts.map

package/lib/utils/score-bar/score-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"score-bar.d.ts","sourceRoot":"","sources":["../../../src/utils/score-bar/score-bar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,2BAA2B,CAAC;AAkBnC,eAAO,MAAM,yBAAyB,GACpC,WAAW,MAAM,EACjB,OAAO,MAAM,EACb,kBAAkB,MAAM,EACxB,UAAU,gBAAgB,KACzB,MAQF,CAAC;AAEF,eAAO,MAAM,yBAAyB,GACpC,OAAO,MAAM,EACb,WAAW,MAAM,EACjB,WAAW,gBAAgB,KAC1B,MAQF,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;EAK3B,CAAC"}

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

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

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

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

package/lib/utils/string/string.d.ts

@@ -0,0 +1,6 @@
+export declare const capitalize: (word: string) => string;
+export declare const escapeRegExp: (str: string) => string;
+export declare const formatWord: (word: string, count: number) => string;
+export declare const truncateString: (inputString: string, maxLength: number) => string;
+export declare const appendPx: (value?: number | string) => string;
+//# sourceMappingURL=string.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"string.d.ts","sourceRoot":"","sources":["../../../src/utils/string/string.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,GAAI,MAAM,MAAM,KAAG,MAOzC,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,KAAK,MAAM,KAAG,MACM,CAAC;AAElD,eAAO,MAAM,UAAU,GAAI,MAAM,MAAM,EAAE,OAAO,MAAM,KAAG,MACxB,CAAC;AAElC,eAAO,MAAM,cAAc,GACzB,aAAa,MAAM,EACnB,WAAW,MAAM,KAChB,MAKF,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,QAAQ,MAAM,GAAG,MAAM,KAAG,MAKlD,CAAC"}

package/lib/utils/string/string.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=string.stories.d.ts.map

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

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

package/lib/utils/token-list-input/token-list-input.d.ts

@@ -0,0 +1,15 @@
+import type * as React from 'react';
+type V = {
+    key: string;
+    label: string;
+    arbitrary?: boolean;
+    multiarbitrary?: boolean;
+};
+type Group<V> = {
+    options: Array<V>;
+    groupTitle?: React.ReactNode;
+};
+export declare const getFirstOption: (options: Array<V>) => V | null;
+export declare const getFirstOptionFromGroup: (groupTitleOptions: Array<Group<V>>) => V | null;
+export {};
+//# sourceMappingURL=token-list-input.d.ts.map

package/lib/utils/token-list-input/token-list-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"token-list-input.d.ts","sourceRoot":"","sources":["../../../src/utils/token-list-input/token-list-input.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,KAAK,CAAC,GAAG;IACP,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B,CAAC;AAEF,KAAK,KAAK,CAAC,CAAC,IAAI;IACd,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,SAAS,KAAK,CAAC,CAAC,CAAC,KAAG,CAAC,GAAG,IAMtD,CAAC;AAEF,eAAO,MAAM,uBAAuB,GAClC,mBAAmB,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KACjC,CAAC,GAAG,IAQN,CAAC"}

package/lib/utils/token-list-input/token-list-input.js

@@ -4,8 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getFirstOptionFromGroup = exports.getFirstOption = 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 getFirstOption = options => {
   // pick the first option from the options
   if (options.length > 0) {

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

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

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

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

package/lib/utils/tokens/tokens.d.ts

@@ -0,0 +1,41 @@
+type TokenObject = {
+    [key: string]: string;
+};
+export type SortOrder = 'asc' | 'desc';
+export type SortBy = 'name' | 'value';
+export type TableDataItem = {
+    id: string | number;
+    name: string;
+    value: string;
+    demo: string;
+};
+export type TableData = Array<TableDataItem>;
+export type DataVariation = {
+    title: string;
+    description: string;
+};
+export declare const dataVariations: Array<DataVariation>;
+/**
+ *
+ * This function takes in an object containing key-value pairs of tokens,
+ * where values are strings representing numerical
+ * values with optional percentage or viewport units. It also takes in an optional
+ * sort order ('asc' or 'desc') and an optional sort by parameter ('name' or 'value').
+ *
+ * The function sorts the tokens by either their key names (if sortBy='name') or their
+ * numerical values (if sortBy='value'). The sort order can be specified as
+ * ascending (order='asc') or descending (order='desc').
+ *
+ * The function handles values with different units by comparing their numerical values.
+ * If both values have the same unit, their numerical values are compared directly.
+ * If their units are different, tokens with percentage values are considered greater than
+ * those with viewport units, and tokens without a percentage or viewport unit are compared
+ * based on their numerical values.
+ *
+ */
+export declare const getSortedTokenNames: (obj: TokenObject, order?: SortOrder, sortBy?: SortBy) => Array<string>;
+export declare const filterTableDataBySearchText: (TABLE_DATA: TableData, searchText: string) => TableData;
+export declare const getRandomDataVariation: () => DataVariation;
+export declare const handleDownload: (filePath: string, fileName: string) => void;
+export {};
+//# sourceMappingURL=tokens.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../src/utils/tokens/tokens.ts"],"names":[],"mappings":"AAAA,KAAK,WAAW,GAAG;IACjB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,KAAK,GAAG,MAAM,CAAC;AAEvC,MAAM,MAAM,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAEtC,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;AAE7C,MAAM,MAAM,aAAa,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,aAAa,CA0G/C,CAAC;AAEF;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,mBAAmB,GAC9B,KAAK,WAAW,EAChB,QAAO,SAAiB,EACxB,SAAQ,MAAgB,KACvB,KAAK,CAAC,MAAM,CAqDd,CAAC;AAEF,eAAO,MAAM,2BAA2B,GACtC,YAAY,SAAS,EACrB,YAAY,MAAM,KACjB,SAYF,CAAC;AAEF,eAAO,MAAM,sBAAsB,QAAO,aAGzC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,UAAU,MAAM,EAAE,UAAU,MAAM,SAchE,CAAC"}

package/lint-staged.config.js

@@ -1,5 +1,5 @@
 module.exports = {
-  'src/**/*.{js,jsx}': [`prettier --write`, `eslint src --fix`],
+  'src/**/*.{ts,tsx}': [`prettier --write`, `eslint src --fix`],
   'src/**/*.css': [`prettier --write`],
   '**': [`cspell`],
 };