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

package/lib/utils/makeClassNameComponent/makeClassNameComponent.js

@@ -16,11 +16,16 @@ function nameHoc(WrapperComponent, WrappedComponent, hocName) {
   WrapperComponent.displayName = `${hocName}(${wrappedComponentName})`;
   return WrapperComponent;
 }
+// @ts-ignore - TS2345 - Argument of type 'C' is not assignable to parameter of type 'C'.
+
+// @ts-ignore - TS2345 - Argument of type 'C' is not assignable to parameter of type 'C'.
 function makeClassNameComponent(baseClassName) {
   let ComponentType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'div';
-  let name = arguments.length > 2 ? arguments[2] : undefined;
+  let name
+  //@ts-expect-error
+  = 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 +33,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 +42,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/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;
+//# 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"}

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`],
 };

package/package.json

@@ -1,15 +1,18 @@
 {
   "name": "@spaced-out/ui-design-system",
-  "version": "0.4.15",
-  "main": "index.js",
+  "version": "0.5.0",
   "description": "Sense UI components library",
   "author": {
     "name": "Spaced Out"
   },
   "license": "UNLICENSED",
+  "main": "lib/index.js",
+  "types": "lib/index.d.ts",
   "scripts": {
-    "build": "rimraf lib && yarn build:style-variables && gulp build",
+    "build": "yarn build:style-variables && gulp build && yarn build:types",
     "build:style-variables": "rimraf src/styles/variables && style-dictionary build --config ./config.js",
+    "build:types": "tsc --project tsconfig.declaration.json && cp src/types/flow-to-typescript-codemod.d.ts lib/ ",
+    "prebuild": "rimraf lib",
     "storybook": "yarn build:style-variables && storybook dev --host genesis.proxysense.co --port 6006",
     "storybook:export": "yarn build:style-variables && rimraf storybook-static && storybook build",
     "build-storybook": "yarn build:style-variables && rimraf storybook-static && storybook build",
@@ -19,16 +22,24 @@
     "release": "yarn build:changelog && yarn publish",
     "build:changelog": "standard-version",
     "build:no-bump-changelog": "standard-version --skip.bump --skip.commit --skip.tag",
-    "flow": "flow",
-    "flow:all": "flow --show-all-errors",
-    "flow:json": "flow --json --pretty",
-    "flow:version": "flow version",
-    "lint": "eslint 'src/**/*.{js,jsx}'",
-    "lint:fix": "eslint --fix 'src/**/*.{js,jsx}'",
-    "lint:strict": "eslint --quiet 'src/**/*.{js,jsx}' && echo 'ok!'",
+    "flow": "tsc --noEmit",
+    "flow:all": "tsc --noEmit --listFiles",
+    "flow:json": "tsc --noEmit --pretty",
+    "flow:version": "tsc --version",
+    "lint": "eslint 'src/**/*.{ts,tsx}'",
+    "lint:fix": "eslint --fix 'src/**/*.{ts,tsx}'",
+    "lint:strict": "eslint --quiet 'src/**/*.{ts,tsx}' && echo 'ok!'",
     "spell-check": "cspell \"**\"",
     "test": "test-storybook",
-    "visual-test": "npx chromatic --project-token=f0e2813801c4"
+    "visual-test": "npx chromatic --project-token=f0e2813801c4",
+    "prettier": "prettier --write 'src/**/*.{ts,tsx}'",
+    "typescriptify": "node ../flow-to-typescript-codemod/bin.js",
+    "fix:forwardref": "node scripts/fix-all-forwardref.js",
+    "fix:forwardref:file": "node scripts/fix-forwardref-simple.js",
+    "fix:forwardref:check": "yarn flow && echo '✅ Type checking completed'",
+    "fix:unused": "node scripts/fix-unused-variables-targeted.js",
+    "fix:unused:all": "node scripts/fix-unused-variables.js",
+    "fix:all": "yarn fix:forwardref && yarn fix:unused  && yarn fix:forwardref:check"
   },
   "keywords": [
     "React",
@@ -61,7 +72,7 @@
     "@babel/eslint-parser": "^7.28.0",
     "@babel/eslint-plugin": "^7.25.9",
     "@babel/preset-env": "^7.18.10",
-    "@babel/preset-flow": "^7.18.6",
+    "@babel/preset-typescript": "^7.27.1",
     "@babel/preset-react": "^7.18.6",
     "@commitlint/cli": "^17.1.2",
     "@commitlint/config-conventional": "^17.1.0",
@@ -81,6 +92,7 @@
     "chromatic": "^6.11.4",
     "cspell": "^9.1.2",
     "eslint": "^9.9.0",
+    "typescript-eslint": "^8.8.0",
     "eslint-plugin-ft-flow": "^3.0.11",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-jest": "^29.0.1",
@@ -109,7 +121,22 @@
     "storybook": "^9.0.10",
     "storybook-css-modules": "^1.0.8",
     "storybook-vscode-component": "^1.0.9",
-    "style-dictionary": "^3.7.1"
+    "style-dictionary": "^3.7.1",
+    "@types/babel-plugin-macros": "~3.1.3",
+    "@types/babel__core": "~7.20.5",
+    "@types/babel__preset-env": "~7.10.0",
+    "@types/eslint": "~9.6.1",
+    "@types/gulp": "~4.0.17",
+    "@types/gulp-babel": "~6.1.33",
+    "@types/gulp-rename": "~2.0.6",
+    "@types/invariant": "~2.2.37",
+    "@types/lint-staged": "~13.3.0",
+    "@types/lodash": "~4.17.20",
+    "@types/react": "~19.1.9",
+    "@types/react-dom": "~19.1.7",
+    "@types/react-window": "~1.8.8",
+    "@types/standard-version": "~7.1.3",
+    "typescript": "^5.9.2"
   },
   "homepage": "https://spaced-out.github.io/ui-design-system",
   "repository": {
@@ -126,7 +153,7 @@
     }
   },
   "volta": {
-    "node": "20.19.2",
+    "node": "22.18.0",
     "yarn": "1.22.19"
   }
 }

package/tsconfig.declaration.json

@@ -0,0 +1,11 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "noEmit": false,
+    "emitDeclarationOnly": true,
+    "declaration": true,
+    "declarationMap": true,
+    "outDir": "./lib",
+    "noEmitOnError": false,
+  },
+}

package/tsconfig.json

@@ -0,0 +1,37 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "paths": {
+      "flow-to-typescript-codemod": [
+        "./src/types/flow-to-typescript-codemod.d.ts"
+      ]
+    },
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true,
+    "isolatedModules": true,
+    "jsx": "react",
+    "moduleResolution": "node",
+    "noEmit": true,
+    "noFallthroughCasesInSwitch": true,
+    "noImplicitAny": false,
+    "noImplicitReturns": false,
+    "noImplicitThis": true,
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "resolveJsonModule": true,
+    "strict": true,
+    "rootDir": "./src",
+    "types": ["node"],
+    "target": "es2019",
+    "module": "commonjs",
+    "alwaysStrict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "skipLibCheck": true,
+    "allowImportingTsExtensions":true,
+    "typeRoots": ["./src/types/**/*", "./node_modules/@types"]
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx","src/types/**/*"],
+  "exclude": [
+    "**/__tests__/**",
+  ]
+}

package/.flowconfig

@@ -1,45 +0,0 @@
-[include]
-./node_modules/react
-
-[ignore]
-./node_modules/react/node_modules/.*
-.*/**/malformed_package_json/package.json
-./node_modules/systemjs-builder/.*
-./build/.*
-./lib/.*
-
-[declarations]
-
-[libs]
-./node_modules/fbjs/flow/lib
-
-[options]
-sharedmemory.hash_table_pow=21
-
-module.system.node.resolve_dirname=node_modules
-module.system.node.allow_root_relative=true
-
-module.name_mapper='^\(.*\)\.\(png\|jpg\|gif\|mp3\|wav\)$' -> '<PROJECT_ROOT>/flow/FileFlowStub.js.flow'
-module.name_mapper='^\(.*\)\.css$' -> '<PROJECT_ROOT>/flow/CSSFlowStub.js.flow'
-module.name_mapper='^\(.*\)\.svg$' -> '<PROJECT_ROOT>/flow/SVGFlowStub.js.flow'
-module.name_mapper='^\(.*\)\.svg\?noDimensions$' -> '<PROJECT_ROOT>/flow/SVGFlowStub.js.flow'
-module.name_mapper='^\(.*\)\.svg\?noAttrs$' -> '<PROJECT_ROOT>/flow/SVGFlowStub.js.flow'
-
-exact_by_default=true
-
-[strict]
-nonstrict-import
-unclear-type
-unsafe-getters-setters
-untyped-import
-untyped-type-import
-deprecated-type
-unnecessary-invariant
-unnecessary-optional-chain
-
-[lints]
-deprecated-type=warn
-sketchy-number=error
-unclear-type=warn
-unnecessary-invariant=warn
-unnecessary-optional-chain=warn

package/dts-generator/.editorconfig

@@ -1,10 +0,0 @@
-root = true
-
-[*]
-end_of_line = lf
-insert_final_newline = true
-
-[*.{js,json,yml}]
-charset = utf-8
-indent_style = space
-indent_size = 2

package/dts-generator/.gitattributes

@@ -1,4 +0,0 @@
-/.yarn/**            linguist-vendored
-/.yarn/releases/*    binary
-/.yarn/plugins/**/*  binary
-/.pnp.*              binary linguist-generated