@taiv/ui 1.3.2 → 1.4.0

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAC;AACrF,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC"}

package/dist/utils/index.js

@@ -1,2 +1,2 @@
-export { getOptionLabel, getOptionByValue } from './select';
+export { getOptionLabel, getOptionByValue, getCascadingOptionLabel } from './select';
 export { getChartFormatter, aggregateDataByDate } from './charts';

package/dist/utils/select.d.ts

@@ -1,5 +1,6 @@
 import { SelectOption } from '../types';
 export declare function getOptionLabel<T extends SelectOption>(value: string, options: T[] | undefined | null, fallbackLabel?: string): string;
 export declare function getOptionByValue<T extends SelectOption>(value: string, options: T[] | undefined | null): T | undefined;
+export declare function getCascadingOptionLabel(value: string, cascadingOptions: any[] | undefined | null, fallbackLabel?: string): string;
 export type { SelectOption };
 //# sourceMappingURL=select.d.ts.map

package/dist/utils/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/utils/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,wBAAgB,cAAc,CAAC,CAAC,SAAS,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,SAAS,GAAG,IAAI,EAAE,aAAa,GAAE,MAAW,GAAG,MAAM,CAKzI;AAED,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,SAAS,GAAG,IAAI,GAAG,CAAC,GAAG,SAAS,CAGtH;AAED,YAAY,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/utils/select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAExC,wBAAgB,cAAc,CAAC,CAAC,SAAS,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,SAAS,GAAG,IAAI,EAAE,aAAa,GAAE,MAAW,GAAG,MAAM,CAKzI;AAED,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,YAAY,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,SAAS,GAAG,IAAI,GAAG,CAAC,GAAG,SAAS,CAGtH;AAED,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,EAAE,GAAG,SAAS,GAAG,IAAI,EAAE,aAAa,GAAE,MAAW,GAAG,MAAM,CAiBrI;AAED,YAAY,EAAE,YAAY,EAAE,CAAC"}

package/dist/utils/select.js

@@ -10,3 +10,21 @@ export function getOptionByValue(value, options) {
         return undefined;
     return options.find((opt) => opt.value === value);
 }
+export function getCascadingOptionLabel(value, cascadingOptions, fallbackLabel = '') {
+    var _a, _b;
+    if (!cascadingOptions || value == null)
+        return fallbackLabel;
+    for (const group of cascadingOptions) {
+        if (((_a = group.option) === null || _a === void 0 ? void 0 : _a.value) === value) {
+            return group.option.label;
+        }
+        if (group.children) {
+            for (const child of group.children) {
+                if (((_b = child.option) === null || _b === void 0 ? void 0 : _b.value) === value) {
+                    return child.option.label;
+                }
+            }
+        }
+    }
+    return fallbackLabel;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taiv/ui",
-  "version": "1.3.2",
+  "version": "1.4.0",
   "author": "Taiv",
   "description": "Taiv's web UI Toolkit built on Mantine v6",
   "main": "dist/index.js",
@@ -11,7 +11,10 @@
   "scripts": {
     "build": "tsc",
     "dev": "tsc --watch",
-    "clean": "rm -rf dist"
+    "clean": "rm -rf dist",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "chromatic": "npx chromatic --project-token=chpt_8fb53e9533016b9"
   },
   "dependencies": {
     "@emotion/react": "^11.14.0",
@@ -29,8 +32,13 @@
     "react-dom": "^17.0.0"
   },
   "devDependencies": {
+    "@storybook/addon-docs": "^9.1.10",
+    "@storybook/addon-onboarding": "^9.1.10",
+    "@storybook/react-vite": "^9.1.10",
     "@types/react": "^17.0.87",
     "@types/react-dom": "^17.0.26",
+    "chromatic": "^13.3.0",
+    "storybook": "^9.1.10",
     "typescript": "^5.0.2"
   },
   "exports": {