@takaro/lib-components 0.0.13 → 0.0.15

package/src/components/charts/GeoMercator/iso3166-alpha2-to-alpha3.ts

@@ -0,0 +1,250 @@
+export const alpha2ToAlpha3: Record<string, string> = {
+  AF: 'AFG',
+  AX: 'ALA',
+  AL: 'ALB',
+  DZ: 'DZA',
+  AS: 'ASM',
+  AD: 'AND',
+  AO: 'AGO',
+  AI: 'AIA',
+  AQ: 'ATA',
+  AG: 'ATG',
+  AR: 'ARG',
+  AM: 'ARM',
+  AW: 'ABW',
+  AU: 'AUS',
+  AT: 'AUT',
+  AZ: 'AZE',
+  BS: 'BHS',
+  BH: 'BHR',
+  BD: 'BGD',
+  BB: 'BRB',
+  BY: 'BLR',
+  BE: 'BEL',
+  BZ: 'BLZ',
+  BJ: 'BEN',
+  BM: 'BMU',
+  BT: 'BTN',
+  BO: 'BOL',
+  BA: 'BIH',
+  BW: 'BWA',
+  BV: 'BVT',
+  BR: 'BRA',
+  VG: 'VGB',
+  IO: 'IOT',
+  BN: 'BRN',
+  BG: 'BGR',
+  BF: 'BFA',
+  BI: 'BDI',
+  KH: 'KHM',
+  CM: 'CMR',
+  CA: 'CAN',
+  CV: 'CPV',
+  KY: 'CYM',
+  CF: 'CAF',
+  TD: 'TCD',
+  CL: 'CHL',
+  CN: 'CHN',
+  HK: 'HKG',
+  MO: 'MAC',
+  CX: 'CXR',
+  CC: 'CCK',
+  CO: 'COL',
+  KM: 'COM',
+  CG: 'COG',
+  CD: 'COD',
+  CK: 'COK',
+  CR: 'CRI',
+  CI: 'CIV',
+  HR: 'HRV',
+  CU: 'CUB',
+  CY: 'CYP',
+  CZ: 'CZE',
+  DK: 'DNK',
+  DJ: 'DJI',
+  DM: 'DMA',
+  DO: 'DOM',
+  EC: 'ECU',
+  EG: 'EGY',
+  SV: 'SLV',
+  GQ: 'GNQ',
+  ER: 'ERI',
+  EE: 'EST',
+  ET: 'ETH',
+  FK: 'FLK',
+  FO: 'FRO',
+  FJ: 'FJI',
+  FI: 'FIN',
+  FR: 'FRA',
+  GF: 'GUF',
+  PF: 'PYF',
+  TF: 'ATF',
+  GA: 'GAB',
+  GM: 'GMB',
+  GE: 'GEO',
+  DE: 'DEU',
+  GH: 'GHA',
+  GI: 'GIB',
+  GR: 'GRC',
+  GL: 'GRL',
+  GD: 'GRD',
+  GP: 'GLP',
+  GU: 'GUM',
+  GT: 'GTM',
+  GG: 'GGY',
+  GN: 'GIN',
+  GW: 'GNB',
+  GY: 'GUY',
+  HT: 'HTI',
+  HM: 'HMD',
+  VA: 'VAT',
+  HN: 'HND',
+  HU: 'HUN',
+  IS: 'ISL',
+  IN: 'IND',
+  ID: 'IDN',
+  IR: 'IRN',
+  IQ: 'IRQ',
+  IE: 'IRL',
+  IM: 'IMN',
+  IL: 'ISR',
+  IT: 'ITA',
+  JM: 'JAM',
+  JP: 'JPN',
+  JE: 'JEY',
+  JO: 'JOR',
+  KZ: 'KAZ',
+  KE: 'KEN',
+  KI: 'KIR',
+  KP: 'PRK',
+  KR: 'KOR',
+  KW: 'KWT',
+  KG: 'KGZ',
+  LA: 'LAO',
+  LV: 'LVA',
+  LB: 'LBN',
+  LS: 'LSO',
+  LR: 'LBR',
+  LY: 'LBY',
+  LI: 'LIE',
+  LT: 'LTU',
+  LU: 'LUX',
+  MK: 'MKD',
+  MG: 'MDG',
+  MW: 'MWI',
+  MY: 'MYS',
+  MV: 'MDV',
+  ML: 'MLI',
+  MT: 'MLT',
+  MH: 'MHL',
+  MQ: 'MTQ',
+  MR: 'MRT',
+  MU: 'MUS',
+  YT: 'MYT',
+  MX: 'MEX',
+  FM: 'FSM',
+  MD: 'MDA',
+  MC: 'MCO',
+  MN: 'MNG',
+  ME: 'MNE',
+  MS: 'MSR',
+  MA: 'MAR',
+  MZ: 'MOZ',
+  MM: 'MMR',
+  NA: 'NAM',
+  NR: 'NRU',
+  NP: 'NPL',
+  NL: 'NLD',
+  AN: 'ANT',
+  NC: 'NCL',
+  NZ: 'NZL',
+  NI: 'NIC',
+  NE: 'NER',
+  NG: 'NGA',
+  NU: 'NIU',
+  NF: 'NFK',
+  MP: 'MNP',
+  NO: 'NOR',
+  OM: 'OMN',
+  PK: 'PAK',
+  PW: 'PLW',
+  PS: 'PSE',
+  PA: 'PAN',
+  PG: 'PNG',
+  PY: 'PRY',
+  PE: 'PER',
+  PH: 'PHL',
+  PN: 'PCN',
+  PL: 'POL',
+  PT: 'PRT',
+  PR: 'PRI',
+  QA: 'QAT',
+  RE: 'REU',
+  RO: 'ROU',
+  RU: 'RUS',
+  RW: 'RWA',
+  BL: 'BLM',
+  SH: 'SHN',
+  KN: 'KNA',
+  LC: 'LCA',
+  MF: 'MAF',
+  PM: 'SPM',
+  VC: 'VCT',
+  WS: 'WSM',
+  SM: 'SMR',
+  ST: 'STP',
+  SA: 'SAU',
+  SN: 'SEN',
+  RS: 'SRB',
+  SC: 'SYC',
+  SL: 'SLE',
+  SG: 'SGP',
+  SK: 'SVK',
+  SI: 'SVN',
+  SB: 'SLB',
+  SO: 'SOM',
+  ZA: 'ZAF',
+  GS: 'SGS',
+  SS: 'SSD',
+  ES: 'ESP',
+  LK: 'LKA',
+  SD: 'SDN',
+  SR: 'SUR',
+  SJ: 'SJM',
+  SZ: 'SWZ',
+  SE: 'SWE',
+  CH: 'CHE',
+  SY: 'SYR',
+  TW: 'TWN',
+  TJ: 'TJK',
+  TZ: 'TZA',
+  TH: 'THA',
+  TL: 'TLS',
+  TG: 'TGO',
+  TK: 'TKL',
+  TO: 'TON',
+  TT: 'TTO',
+  TN: 'TUN',
+  TR: 'TUR',
+  TM: 'TKM',
+  TC: 'TCA',
+  TV: 'TUV',
+  UG: 'UGA',
+  UA: 'UKR',
+  AE: 'ARE',
+  GB: 'GBR',
+  US: 'USA',
+  UM: 'UMI',
+  UY: 'URY',
+  UZ: 'UZB',
+  VU: 'VUT',
+  VE: 'VEN',
+  VN: 'VNM',
+  VI: 'VIR',
+  WF: 'WLF',
+  EH: 'ESH',
+  YE: 'YEM',
+  ZM: 'ZMB',
+  ZW: 'ZWE',
+  XK: 'XKX',
+};

package/src/components/charts/GeoMercator/world.json

@@ -92338,6 +92338,339 @@
             "name": "Armenia"
           }
         },
+        {
+          "arcs": [
+            [
+              [
+                59
+              ]
+            ],
+            [
+              [
+                60
+              ]
+            ],
+            [
+              [
+                61
+              ]
+            ],
+            [
+              [
+                62
+              ]
+            ],
+            [
+              [
+                63
+              ]
+            ],
+            [
+              [
+                64
+              ]
+            ],
+            [
+              [
+                65
+              ]
+            ],
+            [
+              [
+                66
+              ]
+            ],
+            [
+              [
+                67
+              ]
+            ],
+            [
+              [
+                68
+              ]
+            ],
+            [
+              [
+                69
+              ]
+            ],
+            [
+              [
+                70
+              ]
+            ],
+            [
+              [
+                71
+              ]
+            ],
+            [
+              [
+                72
+              ]
+            ],
+            [
+              [
+                73
+              ]
+            ],
+            [
+              [
+                74
+              ]
+            ],
+            [
+              [
+                75
+              ]
+            ],
+            [
+              [
+                76
+              ]
+            ],
+            [
+              [
+                77
+              ]
+            ],
+            [
+              [
+                78
+              ]
+            ],
+            [
+              [
+                79
+              ]
+            ],
+            [
+              [
+                80
+              ]
+            ],
+            [
+              [
+                81
+              ]
+            ],
+            [
+              [
+                82
+              ]
+            ],
+            [
+              [
+                83
+              ]
+            ],
+            [
+              [
+                84
+              ]
+            ],
+            [
+              [
+                85
+              ]
+            ],
+            [
+              [
+                86
+              ]
+            ],
+            [
+              [
+                87
+              ]
+            ],
+            [
+              [
+                88
+              ]
+            ],
+            [
+              [
+                89
+              ]
+            ],
+            [
+              [
+                90
+              ]
+            ],
+            [
+              [
+                91
+              ]
+            ],
+            [
+              [
+                92
+              ]
+            ],
+            [
+              [
+                93
+              ]
+            ],
+            [
+              [
+                94
+              ]
+            ],
+            [
+              [
+                95
+              ]
+            ],
+            [
+              [
+                96
+              ]
+            ],
+            [
+              [
+                97
+              ]
+            ],
+            [
+              [
+                98
+              ]
+            ],
+            [
+              [
+                99
+              ]
+            ],
+            [
+              [
+                100
+              ]
+            ],
+            [
+              [
+                101
+              ]
+            ],
+            [
+              [
+                102
+              ]
+            ],
+            [
+              [
+                103
+              ]
+            ],
+            [
+              [
+                104
+              ]
+            ],
+            [
+              [
+                105
+              ]
+            ],
+            [
+              [
+                106
+              ]
+            ],
+            [
+              [
+                107
+              ]
+            ],
+            [
+              [
+                108
+              ]
+            ],
+            [
+              [
+                109
+              ]
+            ],
+            [
+              [
+                110
+              ]
+            ],
+            [
+              [
+                111
+              ]
+            ],
+            [
+              [
+                112
+              ]
+            ],
+            [
+              [
+                113
+              ]
+            ],
+            [
+              [
+                114
+              ]
+            ],
+            [
+              [
+                115
+              ]
+            ],
+            [
+              [
+                116
+              ]
+            ],
+            [
+              [
+                117
+              ]
+            ],
+            [
+              [
+                118
+              ]
+            ],
+            [
+              [
+                119
+              ]
+            ],
+            [
+              [
+                120
+              ]
+            ]
+          ],
+          "type": "MultiPolygon",
+          "id": "ATA",
+          "properties": {
+            "name": "Antarctica"
+          }
+        },
+        {
+          "arcs": [
+            [
+              [
+                121
+              ]
+            ]
+          ],
+          "type": "MultiPolygon",
+          "id": "ATF",
+          "properties": {
+            "name": "Fr. S. Antarctic Lands"
+          }
+        },
         {
           "arcs": [
             [

package/src/components/charts/ZoomControls.tsx

@@ -0,0 +1,47 @@
+import { ProvidedZoom } from '@visx/zoom/lib/types';
+import { FC } from 'react';
+import { styled } from '../../styled';
+import { Button, IconButton, Tooltip } from '../../components';
+import { AiOutlinePlus as ZoomInIcon, AiOutlineMinus as ZoomOutIcon } from 'react-icons/ai';
+
+const Controls = styled.div`
+  position: absolute;
+  bottom: 2rem;
+  right: 3rem;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+`;
+
+interface ZoomControlsProps {
+  zoom: ProvidedZoom<SVGSVGElement>;
+}
+
+export const ZoomControls: FC<ZoomControlsProps> = ({ zoom }) => {
+  return (
+    <Controls>
+      <Tooltip placement="left">
+        <Tooltip.Trigger asChild>
+          <IconButton
+            icon={<ZoomInIcon />}
+            ariaLabel="zoom in"
+            onClick={() => zoom.scale({ scaleX: 1.2, scaleY: 1.2 })}
+          />
+        </Tooltip.Trigger>
+        <Tooltip.Content>Zoom in</Tooltip.Content>
+      </Tooltip>
+      <Tooltip placement="left">
+        <Tooltip.Trigger asChild>
+          <IconButton
+            icon={<ZoomOutIcon />}
+            ariaLabel="zoom in"
+            onClick={() => zoom.scale({ scaleX: 0.8, scaleY: 0.8 })}
+          />
+        </Tooltip.Trigger>
+        <Tooltip.Content>Zoom out</Tooltip.Content>
+      </Tooltip>
+      <Button size="tiny" onClick={zoom.reset} text="Reset" />
+      {/*<Button size="tiny" onClick={zoom.center} text="Center" />*/}
+    </Controls>
+  );
+};

package/src/components/charts/index.tsx

@@ -21,3 +21,6 @@ export type { LineChartProps } from './LineChart';
 
 export { RadialBarChart } from './RadialBarChart';
 export type { RadialBarChartProps } from './RadialBarChart';
+
+export { GeoMercator } from './GeoMercator';
+export type { GeoMercatorProps } from './GeoMercator';

package/src/components/data/Drawer/Drawer.stories.tsx

@@ -5,6 +5,7 @@ import { styled } from '../../../styled';
 import { SubmitHandler, useForm } from 'react-hook-form';
 import { z } from 'zod';
 import { zodResolver } from '@hookform/resolvers/zod';
+import { DrawerOptions } from './useDrawer';
 
 const ButtonContainer = styled.div`
   display: flex;
@@ -18,7 +19,10 @@ const Status = styled.div`
 export default {
   title: 'data/Drawer',
   component: Drawer,
-} as Meta;
+  args: {
+    promptCloseConfirmation: false,
+  },
+} as Meta<DrawerOptions>;
 
 export const Loading: StoryFn = () => {
   return <DrawerSkeleton />;
@@ -33,7 +37,7 @@ interface FormFields {
   onStoreFront: boolean;
 }
 
-export const Default: StoryFn = () => {
+export const Default: StoryFn<DrawerOptions> = ({ promptCloseConfirmation }) => {
   const [open, setOpen] = useState<boolean>(false);
 
   const validationSchema = useMemo(
@@ -57,7 +61,7 @@ export const Default: StoryFn = () => {
   return (
     <>
       <Button onClick={() => setOpen(true)} text="Open drawer" />
-      <Drawer open={open} onOpenChange={setOpen}>
+      <Drawer open={open} onOpenChange={setOpen} promptCloseConfirmation={promptCloseConfirmation}>
         <Drawer.Content>
           <Drawer.Heading>Product Details</Drawer.Heading>
           <Drawer.Body>
@@ -85,11 +89,8 @@ export const Default: StoryFn = () => {
                   />
                 </CollapseList.Item>
                 <CollapseList.Item title="Pricing">
-                  <RadioGroup
-                    control={control}
-                    label="Selection a price type"
-                    name="priceType"
-                    options={[
+                  <RadioGroup control={control} label="Selection a price type" name="priceType">
+                    {[
                       {
                         label: 'Fixed',
                         labelPosition: 'left',
@@ -100,8 +101,16 @@ export const Default: StoryFn = () => {
                         labelPosition: 'left',
                         value: 'variable',
                       },
-                    ]}
-                  />
+                    ].map(({ value, label }) => (
+                      <div
+                        key={`gender-${value}`}
+                        style={{ display: 'flex', alignItems: 'center', gap: '1rem', marginBottom: '1rem' }}
+                      >
+                        <RadioGroup.Item value={value} id={value} />
+                        <label htmlFor={value}>{label}</label>
+                      </div>
+                    ))}
+                  </RadioGroup>
                 </CollapseList.Item>
               </CollapseList>
               <CollapseList.Item title="Settings">