@grantbii/design-system 1.9.7 → 1.10.0

package/core/atoms/LocationIcon.d.ts

@@ -0,0 +1,8 @@
+import { Location } from "@grantbii/ui-core/location/enums";
+import type { JSX } from "react";
+type LocationIconProps = {
+    location: Location;
+    width?: string | number;
+};
+declare const LocationIcon: ({ location, width }: LocationIconProps) => JSX.Element;
+export default LocationIcon;

package/core/atoms/LocationIcon.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Location } from "@grantbii/ui-core/location/enums";
+import { Flags, Icons } from "../foundations";
+const LocationIcon = ({ location, width }) => {
+    if (location === Location.OTHERS || location === Location.UNKNOWN) {
+        return _jsx(Icons.GlobeIcon, { size: width });
+    }
+    else {
+        const Flag = LOCATION_FLAG_MAP[location] ?? Flags.EU;
+        return _jsx(Flag, { width: width });
+    }
+};
+export default LocationIcon;
+const LOCATION_FLAG_MAP = {
+    [Location.SINGAPORE]: Flags.SG,
+    [Location.HONG_KONG]: Flags.HK,
+    [Location.MALAYSIA]: Flags.MY,
+    [Location.SOUTH_KOREA]: Flags.KR,
+    [Location.JAPAN]: Flags.JP,
+    [Location.CHINA]: Flags.CN,
+    [Location.UNITED_KINGDOM]: Flags.GB,
+    [Location.UNITED_STATES]: Flags.US,
+    [Location.OTHERS]: Flags.EU,
+    [Location.UNKNOWN]: Flags.EU,
+};
+//# sourceMappingURL=LocationIcon.js.map

package/core/atoms/LocationIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocationIcon.js","sourceRoot":"","sources":["../../../core/atoms/LocationIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAE5D,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAO9C,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAqB,EAAe,EAAE;IAC3E,IAAI,QAAQ,KAAK,QAAQ,CAAC,MAAM,IAAI,QAAQ,KAAK,QAAQ,CAAC,OAAO,EAAE,CAAC;QAClE,OAAO,KAAC,KAAK,CAAC,SAAS,IAAC,IAAI,EAAE,KAAK,GAAI,CAAC;IAC1C,CAAC;SAAM,CAAC;QACN,MAAM,IAAI,GAAG,iBAAiB,CAAC,QAAQ,CAAC,IAAI,KAAK,CAAC,EAAE,CAAC;QACrD,OAAO,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,GAAI,CAAC;IAChC,CAAC;AACH,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC;AAE5B,MAAM,iBAAiB,GAEnB;IACF,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,EAAE;IAC9B,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,EAAE;IAC9B,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,EAAE;IAC7B,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE;IAChC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE;IAC1B,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE;IAC1B,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE;IACnC,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,EAAE;IAClC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE;IAC3B,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE;CAC7B,CAAC","sourcesContent":["import { Location } from \"@grantbii/ui-core/location/enums\";\nimport type { JSX } from \"react\";\nimport { Flags, Icons } from \"../foundations\";\n\ntype LocationIconProps = {\n  location: Location;\n  width?: string | number;\n};\n\nconst LocationIcon = ({ location, width }: LocationIconProps): JSX.Element => {\n  if (location === Location.OTHERS || location === Location.UNKNOWN) {\n    return <Icons.GlobeIcon size={width} />;\n  } else {\n    const Flag = LOCATION_FLAG_MAP[location] ?? Flags.EU;\n    return <Flag width={width} />;\n  }\n};\n\nexport default LocationIcon;\n\nconst LOCATION_FLAG_MAP: {\n  [location in Location]: Flags.FlagComponent;\n} = {\n  [Location.SINGAPORE]: Flags.SG,\n  [Location.HONG_KONG]: Flags.HK,\n  [Location.MALAYSIA]: Flags.MY,\n  [Location.SOUTH_KOREA]: Flags.KR,\n  [Location.JAPAN]: Flags.JP,\n  [Location.CHINA]: Flags.CN,\n  [Location.UNITED_KINGDOM]: Flags.GB,\n  [Location.UNITED_STATES]: Flags.US,\n  [Location.OTHERS]: Flags.EU,\n  [Location.UNKNOWN]: Flags.EU,\n};\n"]}

package/core/atoms/index.d.ts

@@ -5,6 +5,7 @@ export { default as Checkbox } from "./Checkbox";
 export { default as Dropdown, type DropdownProps } from "./Dropdown";
 export { default as Input } from "./Input";
 export { default as LinkButton } from "./LinkButton";
+export { default as LocationIcon } from "./LocationIcon";
 export { default as Overlay } from "./Overlay";
 export { default as RadioButton } from "./RadioButton";
 export { default as Textarea } from "./Textarea";

package/core/atoms/index.js

@@ -5,6 +5,7 @@ export { default as Checkbox } from "./Checkbox";
 export { default as Dropdown } from "./Dropdown";
 export { default as Input } from "./Input";
 export { default as LinkButton } from "./LinkButton";
+export { default as LocationIcon } from "./LocationIcon";
 export { default as Overlay } from "./Overlay";
 export { default as RadioButton } from "./RadioButton";
 export { default as Textarea } from "./Textarea";

package/core/atoms/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../core/atoms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAmB,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAsB,MAAM,YAAY,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC","sourcesContent":["export { default as Badge, type BadgeProps } from \"./Badge\";\nexport { default as BrandLogo } from \"./BrandLogo\";\nexport { default as Button } from \"./Button\";\nexport { default as Checkbox } from \"./Checkbox\";\nexport { default as Dropdown, type DropdownProps } from \"./Dropdown\";\nexport { default as Input } from \"./Input\";\nexport { default as LinkButton } from \"./LinkButton\";\nexport { default as Overlay } from \"./Overlay\";\nexport { default as RadioButton } from \"./RadioButton\";\nexport { default as Textarea } from \"./Textarea\";\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../core/atoms/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAmB,MAAM,SAAS,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAsB,MAAM,YAAY,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC","sourcesContent":["export { default as Badge, type BadgeProps } from \"./Badge\";\nexport { default as BrandLogo } from \"./BrandLogo\";\nexport { default as Button } from \"./Button\";\nexport { default as Checkbox } from \"./Checkbox\";\nexport { default as Dropdown, type DropdownProps } from \"./Dropdown\";\nexport { default as Input } from \"./Input\";\nexport { default as LinkButton } from \"./LinkButton\";\nexport { default as LocationIcon } from \"./LocationIcon\";\nexport { default as Overlay } from \"./Overlay\";\nexport { default as RadioButton } from \"./RadioButton\";\nexport { default as Textarea } from \"./Textarea\";\n"]}

package/core/foundations/icons.js.map

@@ -1 +1 @@
-{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../core/foundations/icons.tsx"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC","sourcesContent":["export * from \"@phosphor-icons/react\";\n"]}
+{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../core/foundations/icons.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC","sourcesContent":["export * from \"@phosphor-icons/react\";\n"]}

package/core/integrations/mappings.d.ts

@@ -1,7 +1,3 @@
 import type { BaseEnumType } from "@grantbii/ui-core/enums";
-import { Location } from "@grantbii/ui-core/location/enums";
-import { Flags, type Option } from "../foundations";
+import type { Option } from "../foundations";
 export declare const mapEnumToOptions: <EnumType extends BaseEnumType>(enumType: EnumType) => Option[];
-export declare const LOCATION_FLAG_MAP: {
-    [location in Location]: Flags.FlagComponent;
-};

package/core/integrations/mappings.js

@@ -1,18 +1,4 @@
-import { Location } from "@grantbii/ui-core/location/enums";
-import { Flags } from "../foundations";
 export const mapEnumToOptions = (enumType) => Object.values(enumType)
     .filter((value) => value !== enumType.UNKNOWN)
     .map((value) => ({ label: value, value }));
-export const LOCATION_FLAG_MAP = {
-    [Location.SINGAPORE]: Flags.SG,
-    [Location.HONG_KONG]: Flags.HK,
-    [Location.MALAYSIA]: Flags.MY,
-    [Location.SOUTH_KOREA]: Flags.KR,
-    [Location.JAPAN]: Flags.JP,
-    [Location.CHINA]: Flags.CN,
-    [Location.UNITED_KINGDOM]: Flags.GB,
-    [Location.UNITED_STATES]: Flags.US,
-    [Location.OTHERS]: Flags.SG,
-    [Location.UNKNOWN]: Flags.SG,
-};
 //# sourceMappingURL=mappings.js.map

package/core/integrations/mappings.js.map

@@ -1 +1 @@
-{"version":3,"file":"mappings.js","sourceRoot":"","sources":["../../../core/integrations/mappings.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAe,MAAM,gBAAgB,CAAC;AAEpD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,QAAkB,EACR,EAAE,CACZ,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC;KACpB,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,OAAO,CAAC;KAC7C,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC;AAE/C,MAAM,CAAC,MAAM,iBAAiB,GAE1B;IACF,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,EAAE;IAC9B,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,EAAE;IAC9B,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,EAAE;IAC7B,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,EAAE;IAChC,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE;IAC1B,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE;IAC1B,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,KAAK,CAAC,EAAE;IACnC,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE,KAAK,CAAC,EAAE;IAClC,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,EAAE;IAC3B,CAAC,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE;CAC7B,CAAC","sourcesContent":["import type { BaseEnumType } from \"@grantbii/ui-core/enums\";\nimport { Location } from \"@grantbii/ui-core/location/enums\";\nimport { Flags, type Option } from \"../foundations\";\n\nexport const mapEnumToOptions = <EnumType extends BaseEnumType>(\n  enumType: EnumType,\n): Option[] =>\n  Object.values(enumType)\n    .filter((value) => value !== enumType.UNKNOWN)\n    .map((value) => ({ label: value, value }));\n\nexport const LOCATION_FLAG_MAP: {\n  [location in Location]: Flags.FlagComponent;\n} = {\n  [Location.SINGAPORE]: Flags.SG,\n  [Location.HONG_KONG]: Flags.HK,\n  [Location.MALAYSIA]: Flags.MY,\n  [Location.SOUTH_KOREA]: Flags.KR,\n  [Location.JAPAN]: Flags.JP,\n  [Location.CHINA]: Flags.CN,\n  [Location.UNITED_KINGDOM]: Flags.GB,\n  [Location.UNITED_STATES]: Flags.US,\n  [Location.OTHERS]: Flags.SG,\n  [Location.UNKNOWN]: Flags.SG,\n};\n"]}
+{"version":3,"file":"mappings.js","sourceRoot":"","sources":["../../../core/integrations/mappings.ts"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,QAAkB,EACR,EAAE,CACZ,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC;KACpB,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,QAAQ,CAAC,OAAO,CAAC;KAC7C,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC","sourcesContent":["import type { BaseEnumType } from \"@grantbii/ui-core/enums\";\nimport type { Option } from \"../foundations\";\n\nexport const mapEnumToOptions = <EnumType extends BaseEnumType>(\n  enumType: EnumType,\n): Option[] =>\n  Object.values(enumType)\n    .filter((value) => value !== enumType.UNKNOWN)\n    .map((value) => ({ label: value, value }));\n"]}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@grantbii/design-system",
   "author": "Grantbii",
   "license": "UNLICENSED",
-  "version": "1.9.7",
+  "version": "1.10.0",
   "description": "Grantbii's Design System",
   "homepage": "https://design.grantbii.com",
   "repository": {
@@ -20,10 +20,10 @@
     "build-storybook": "storybook build"
   },
   "dependencies": {
-    "@grantbii/ui-core": "1.5.3",
+    "@grantbii/ui-core": "1.6.1",
     "@phosphor-icons/react": "2.1.10",
     "country-flag-icons": "1.6.4",
-    "next": "16.0.10",
+    "next": "16.1.1",
     "react": "19.2.3",
     "react-dom": "19.2.3",
     "react-dropzone": "14.3.8",
@@ -33,34 +33,35 @@
   "devDependencies": {
     "@chromatic-com/storybook": "4.1.3",
     "@eslint/js": "9.39.2",
-    "@next/eslint-plugin-next": "16.0.10",
-    "@storybook/addon-a11y": "10.1.8",
-    "@storybook/addon-docs": "10.1.8",
-    "@storybook/addon-onboarding": "10.1.8",
-    "@storybook/addon-vitest": "10.1.8",
-    "@storybook/nextjs-vite": "10.1.8",
+    "@next/eslint-plugin-next": "16.1.1",
+    "@storybook/addon-a11y": "10.1.10",
+    "@storybook/addon-docs": "10.1.10",
+    "@storybook/addon-onboarding": "10.1.10",
+    "@storybook/addon-vitest": "10.1.10",
+    "@storybook/nextjs-vite": "10.1.10",
     "@types/node": "22.18.0",
     "@types/react": "19.2.7",
     "@types/react-dom": "19.2.3",
-    "@vitest/browser": "4.0.15",
-    "@vitest/browser-playwright": "4.0.15",
-    "@vitest/coverage-v8": "4.0.15",
+    "@vitest/browser": "4.0.16",
+    "@vitest/browser-playwright": "4.0.16",
+    "@vitest/coverage-v8": "4.0.16",
+    "baseline-browser-mapping": "^2.9.11",
     "eslint": "9.39.2",
-    "eslint-config-next": "16.0.10",
-    "eslint-plugin-storybook": "10.1.8",
+    "eslint-config-next": "16.1.1",
+    "eslint-plugin-storybook": "10.1.10",
     "husky": "9.1.7",
     "lint-staged": "16.2.7",
     "playwright": "1.57.0",
     "prettier": "3.7.4",
-    "storybook": "10.1.8",
+    "storybook": "10.1.10",
     "typescript": "5.9.3",
-    "vitest": "4.0.15"
+    "vitest": "4.0.16"
   },
   "lint-staged": {
     "**/*.{html,css,json,md,yaml}": [
       "prettier --write"
     ],
-    "**/*.{ts,tsx}": [
+    "**/*.{mjs,ts,tsx}": [
       "eslint --fix",
       "prettier --write"
     ]

package/stories/atoms/LocationIcon.stories.d.ts

@@ -0,0 +1,7 @@
+import { LocationIcon } from "@/.";
+import type { Meta, StoryObj } from "@storybook/nextjs-vite";
+declare const meta: Meta<typeof LocationIcon>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const SingaporeIcon: Story;
+export declare const OthersIcon: Story;

package/stories/atoms/LocationIcon.stories.js

@@ -0,0 +1,21 @@
+import { LocationIcon } from "@/.";
+import { Location } from "@grantbii/ui-core/location/enums";
+const meta = {
+    title: "Atoms/Location Icon",
+    component: LocationIcon,
+    tags: ["autodocs"],
+    parameters: {
+        layout: "centered",
+        docs: {
+            codePanel: true,
+        },
+    },
+};
+export default meta;
+export const SingaporeIcon = {
+    args: { location: Location.SINGAPORE, width: 24 },
+};
+export const OthersIcon = {
+    args: { location: Location.OTHERS, width: 24 },
+};
+//# sourceMappingURL=LocationIcon.stories.js.map

package/stories/atoms/LocationIcon.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocationIcon.stories.js","sourceRoot":"","sources":["../../../stories/atoms/LocationIcon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,KAAK,CAAC;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAG5D,MAAM,IAAI,GAA8B;IACtC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;QAClB,IAAI,EAAE;YACJ,SAAS,EAAE,IAAI;SAChB;KACF;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,aAAa,GAAU;IAClC,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;CAClD,CAAC;AACF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE,EAAE,QAAQ,EAAE,QAAQ,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;CAC/C,CAAC","sourcesContent":["import { LocationIcon } from \"@/.\";\nimport { Location } from \"@grantbii/ui-core/location/enums\";\nimport type { Meta, StoryObj } from \"@storybook/nextjs-vite\";\n\nconst meta: Meta<typeof LocationIcon> = {\n  title: \"Atoms/Location Icon\",\n  component: LocationIcon,\n  tags: [\"autodocs\"],\n  parameters: {\n    layout: \"centered\",\n    docs: {\n      codePanel: true,\n    },\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const SingaporeIcon: Story = {\n  args: { location: Location.SINGAPORE, width: 24 },\n};\nexport const OthersIcon: Story = {\n  args: { location: Location.OTHERS, width: 24 },\n};\n"]}

package/stories/molecules/RadioButtons.stories.js

@@ -1,12 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { LOCATION_FLAG_MAP, RadioButtons } from "@/.";
+import { LocationIcon, RadioButtons } from "@/.";
 import { Location } from "@grantbii/ui-core/location/enums";
 import { useState } from "react";
 import styled from "styled-components";
-const Label = ({ location }) => {
-    const Flag = LOCATION_FLAG_MAP[location];
-    return (_jsxs(BaseLabel, { children: [_jsx(Flag, { width: 20 }), _jsx("p", { children: location })] }));
-};
+const Label = ({ location }) => (_jsxs(BaseLabel, { children: [_jsx(LocationIcon, { location: location, width: 20 }), _jsx("p", { children: location })] }));
 const BaseLabel = styled.div `
   display: flex;
   align-items: center;

package/stories/molecules/RadioButtons.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButtons.stories.js","sourceRoot":"","sources":["../../../stories/molecules/RadioButtons.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,KAAK,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAE5D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAMvC,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAc,EAAE,EAAE;IACzC,MAAM,IAAI,GAAG,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IAEzC,OAAO,CACL,MAAC,SAAS,eACR,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,GAAI,EACnB,sBAAI,QAAQ,GAAK,IACP,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI3B,CAAC;AAMF,MAAM,mBAAmB,GAAG,CAAC,EAAE,UAAU,EAAgB,EAAE,EAAE;IAC3D,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE7D,MAAM,eAAe,GAAG;QACtB,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC;aAC7B,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,KAAK,QAAQ,CAAC,OAAO,CAAC;aACnD,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;YAClB,KAAK,EAAE,QAAQ;YACf,KAAK,EAAE,KAAC,KAAK,IAAC,QAAQ,EAAE,QAAQ,GAAI;YACpC,OAAO,EAAE,gBAAgB,KAAK,QAAQ;YACtC,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,QAAQ,CAAC;SAC7C,CAAC,CAAC;KACN,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,OAAK,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,CAAC,GAAI,CACzE,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG;IACxB,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC;SAC7B,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,KAAK,QAAQ,CAAC,OAAO,CAAC;SACnD,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QAClB,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,KAAC,KAAK,IAAC,QAAQ,EAAE,QAAQ,GAAI;QACpC,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,YAAY,QAAQ,GAAG,CAAC;KAC/C,CAAC,CAAC;CACN,CAAC;AAEF,MAAM,IAAI,GAAqC;IAC7C,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,mBAAmB;IAC9B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE;QACJ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,UAAU,EAAE,IAAI;KACjB;CACF,CAAC","sourcesContent":["import { LOCATION_FLAG_MAP, RadioButtons } from \"@/.\";\nimport { Location } from \"@grantbii/ui-core/location/enums\";\nimport type { Meta, StoryObj } from \"@storybook/nextjs-vite\";\nimport { useState } from \"react\";\nimport styled from \"styled-components\";\n\ntype LabelProps = {\n  location: Location;\n};\n\nconst Label = ({ location }: LabelProps) => {\n  const Flag = LOCATION_FLAG_MAP[location];\n\n  return (\n    <BaseLabel>\n      <Flag width={20} />\n      <p>{location}</p>\n    </BaseLabel>\n  );\n};\n\nconst BaseLabel = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 4px;\n`;\n\ntype ExampleProps = {\n  controlled: boolean;\n};\n\nconst RadioButtonsExample = ({ controlled }: ExampleProps) => {\n  const [selectedLocation, setSelectedLocation] = useState(\"\");\n\n  const controlledProps = {\n    options: Object.values(Location)\n      .filter((location) => location !== Location.UNKNOWN)\n      .map((location) => ({\n        value: location,\n        label: <Label location={location} />,\n        checked: selectedLocation === location,\n        onClick: () => setSelectedLocation(location),\n      })),\n  };\n\n  return (\n    <RadioButtons {...(controlled ? controlledProps : uncontrolledProps)} />\n  );\n};\n\nconst uncontrolledProps = {\n  name: \"location\",\n  options: Object.values(Location)\n    .filter((location) => location !== Location.UNKNOWN)\n    .map((location) => ({\n      value: location,\n      label: <Label location={location} />,\n      onChange: () => alert(`Selected ${location}!`),\n    })),\n};\n\nconst meta: Meta<typeof RadioButtonsExample> = {\n  title: \"Molecules/Radio Buttons\",\n  component: RadioButtonsExample,\n  tags: [\"autodocs\"],\n  parameters: {\n    layout: \"centered\",\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Uncontrolled: Story = {\n  args: {\n    controlled: false,\n  },\n};\n\nexport const Controlled: Story = {\n  args: {\n    controlled: true,\n  },\n};\n"]}
+{"version":3,"file":"RadioButtons.stories.js","sourceRoot":"","sources":["../../../stories/molecules/RadioButtons.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,KAAK,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAE5D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAMvC,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAc,EAAE,EAAE,CAAC,CAC1C,MAAC,SAAS,eACR,KAAC,YAAY,IAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,GAAI,EAC/C,sBAAI,QAAQ,GAAK,IACP,CACb,CAAC;AAEF,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAI3B,CAAC;AAMF,MAAM,mBAAmB,GAAG,CAAC,EAAE,UAAU,EAAgB,EAAE,EAAE;IAC3D,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE7D,MAAM,eAAe,GAAG;QACtB,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC;aAC7B,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,KAAK,QAAQ,CAAC,OAAO,CAAC;aACnD,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;YAClB,KAAK,EAAE,QAAQ;YACf,KAAK,EAAE,KAAC,KAAK,IAAC,QAAQ,EAAE,QAAQ,GAAI;YACpC,OAAO,EAAE,gBAAgB,KAAK,QAAQ;YACtC,OAAO,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,QAAQ,CAAC;SAC7C,CAAC,CAAC;KACN,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,OAAK,CAAC,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,CAAC,GAAI,CACzE,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,iBAAiB,GAAG;IACxB,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC;SAC7B,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,KAAK,QAAQ,CAAC,OAAO,CAAC;SACnD,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QAClB,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,KAAC,KAAK,IAAC,QAAQ,EAAE,QAAQ,GAAI;QACpC,QAAQ,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,YAAY,QAAQ,GAAG,CAAC;KAC/C,CAAC,CAAC;CACN,CAAC;AAEF,MAAM,IAAI,GAAqC;IAC7C,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,mBAAmB;IAC9B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;CACF,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE;QACJ,UAAU,EAAE,KAAK;KAClB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC/B,IAAI,EAAE;QACJ,UAAU,EAAE,IAAI;KACjB;CACF,CAAC","sourcesContent":["import { LocationIcon, RadioButtons } from \"@/.\";\nimport { Location } from \"@grantbii/ui-core/location/enums\";\nimport type { Meta, StoryObj } from \"@storybook/nextjs-vite\";\nimport { useState } from \"react\";\nimport styled from \"styled-components\";\n\ntype LabelProps = {\n  location: Location;\n};\n\nconst Label = ({ location }: LabelProps) => (\n  <BaseLabel>\n    <LocationIcon location={location} width={20} />\n    <p>{location}</p>\n  </BaseLabel>\n);\n\nconst BaseLabel = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 4px;\n`;\n\ntype ExampleProps = {\n  controlled: boolean;\n};\n\nconst RadioButtonsExample = ({ controlled }: ExampleProps) => {\n  const [selectedLocation, setSelectedLocation] = useState(\"\");\n\n  const controlledProps = {\n    options: Object.values(Location)\n      .filter((location) => location !== Location.UNKNOWN)\n      .map((location) => ({\n        value: location,\n        label: <Label location={location} />,\n        checked: selectedLocation === location,\n        onClick: () => setSelectedLocation(location),\n      })),\n  };\n\n  return (\n    <RadioButtons {...(controlled ? controlledProps : uncontrolledProps)} />\n  );\n};\n\nconst uncontrolledProps = {\n  name: \"location\",\n  options: Object.values(Location)\n    .filter((location) => location !== Location.UNKNOWN)\n    .map((location) => ({\n      value: location,\n      label: <Label location={location} />,\n      onChange: () => alert(`Selected ${location}!`),\n    })),\n};\n\nconst meta: Meta<typeof RadioButtonsExample> = {\n  title: \"Molecules/Radio Buttons\",\n  component: RadioButtonsExample,\n  tags: [\"autodocs\"],\n  parameters: {\n    layout: \"centered\",\n  },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Uncontrolled: Story = {\n  args: {\n    controlled: false,\n  },\n};\n\nexport const Controlled: Story = {\n  args: {\n    controlled: true,\n  },\n};\n"]}