{"version":3,"file":"index40.mjs","sources":["../src/components/input/wheelpicker/time/index.tsx"],"sourcesContent":["import { FunctionComponent, useMemo, useState } from \"react\";\nimport GenericWheelpicker, { GenericWheelpickerType } from \"../generic\";\nimport { DropdownItemType } from \"../../../../atoms/dropdown/container\";\n\ninterface TimeWheelpickerProps extends GenericWheelpickerType {\n  format?: \"12\" | \"24\";\n}\n\nexport const TimeWheelpicker: FunctionComponent<\n  Omit<TimeWheelpickerProps, \"itemWidth\">\n> = ({ format = \"12\", selected, ...props }) => {\n  // Generate time data based on format\n  const timeData = useMemo(() => {\n    const hours =\n      format === \"24\"\n        ? Array.from({ length: 24 }, (_, i) => ({\n            label: String(i).padStart(2, \"0\"),\n            value: String(i).padStart(2, \"0\"),\n          }))\n        : Array.from({ length: 12 }, (_, i) => ({\n            label: String(i + 1).padStart(2, \"0\"),\n            value: String(i + 1).padStart(2, \"0\"),\n          }));\n    const minutes = Array.from({ length: 60 }, (_, i) => ({\n      label: String(i).padStart(2, \"0\"),\n      value: String(i).padStart(2, \"0\"),\n    }));\n    const ampm =\n      format === \"12\"\n        ? [\n            { label: \"AM\", value: \"AM\" },\n            { label: \"PM\", value: \"PM\" },\n          ]\n        : undefined;\n    return ampm\n      ? [{ items: hours }, { items: minutes, extra: \":\" }, { items: ampm }]\n      : [{ items: hours }, { items: minutes, extra: \":\" }];\n  }, [format]);\n\n  // Default selected values\n  const defaultSelected = useMemo(() => {\n    const hours = timeData[0].items;\n    const minutes = timeData[1].items;\n    const ampm = timeData[2]?.items;\n    return ampm ? [hours[0], minutes[0], ampm[0]] : [hours[0], minutes[0]];\n  }, [timeData]);\n\n  const [value, setValue] = useState<DropdownItemType[]>(defaultSelected);\n\n  return (\n    <GenericWheelpicker\n      textAlignment=\"center\"\n      {...props}\n      data={timeData}\n      selected={selected || defaultSelected}\n      customValue={`${value[0].label}:${value[1].label} ${value[2]?.label}`}\n      onChange={(e: DropdownItemType | DropdownItemType[]) =>\n        setValue(e as DropdownItemType[])\n      }\n      itemWidth=\"fit-content\"\n    />\n  );\n};\n\nTimeWheelpicker.displayName = \"TimeWheelpicker\";\n\nexport default TimeWheelpicker;\n"],"names":["_a"],"mappings":";;;AAQa,MAAA,kBAET,CAAC,EAAE,SAAS,MAAM,UAAU,GAAG,YAAY;;AAEvC,QAAA,WAAW,QAAQ,MAAM;AACvB,UAAA,QACJ,WAAW,OACP,MAAM,KAAK,EAAE,QAAQ,GAAG,GAAG,CAAC,GAAG,OAAO;AAAA,MACpC,OAAO,OAAO,CAAC,EAAE,SAAS,GAAG,GAAG;AAAA,MAChC,OAAO,OAAO,CAAC,EAAE,SAAS,GAAG,GAAG;AAAA,IAAA,EAChC,IACF,MAAM,KAAK,EAAE,QAAQ,GAAG,GAAG,CAAC,GAAG,OAAO;AAAA,MACpC,OAAO,OAAO,IAAI,CAAC,EAAE,SAAS,GAAG,GAAG;AAAA,MACpC,OAAO,OAAO,IAAI,CAAC,EAAE,SAAS,GAAG,GAAG;AAAA,IAAA,EACpC;AACF,UAAA,UAAU,MAAM,KAAK,EAAE,QAAQ,GAAG,GAAG,CAAC,GAAG,OAAO;AAAA,MACpD,OAAO,OAAO,CAAC,EAAE,SAAS,GAAG,GAAG;AAAA,MAChC,OAAO,OAAO,CAAC,EAAE,SAAS,GAAG,GAAG;AAAA,IAAA,EAChC;AACI,UAAA,OACJ,WAAW,OACP;AAAA,MACE,EAAE,OAAO,MAAM,OAAO,KAAK;AAAA,MAC3B,EAAE,OAAO,MAAM,OAAO,KAAK;AAAA,IAAA,IAE7B;AACC,WAAA,OACH,CAAC,EAAE,OAAO,MAAA,GAAS,EAAE,OAAO,SAAS,OAAO,OAAO,EAAE,OAAO,MAAM,IAClE,CAAC,EAAE,OAAO,MAAA,GAAS,EAAE,OAAO,SAAS,OAAO,KAAK;AAAA,EAAA,GACpD,CAAC,MAAM,CAAC;AAGL,QAAA,kBAAkB,QAAQ,MAAM;;AAC9B,UAAA,QAAQ,SAAS,CAAC,EAAE;AACpB,UAAA,UAAU,SAAS,CAAC,EAAE;AACtB,UAAA,QAAOA,MAAA,SAAS,CAAC,MAAV,gBAAAA,IAAa;AAC1B,WAAO,OAAO,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC,GAAG,KAAK,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,QAAQ,CAAC,CAAC;AAAA,EAAA,GACpE,CAAC,QAAQ,CAAC;AAEb,QAAM,CAAC,OAAO,QAAQ,IAAI,SAA6B,eAAe;AAGpE,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACb,GAAG;AAAA,MACJ,MAAM;AAAA,MACN,UAAU,YAAY;AAAA,MACtB,aAAa,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,MAAM,CAAC,EAAE,KAAK,KAAI,WAAM,CAAC,MAAP,mBAAU,KAAK;AAAA,MACnE,UAAU,CAAC,MACT,SAAS,CAAuB;AAAA,MAElC,WAAU;AAAA,IAAA;AAAA,EACZ;AAEJ;AAEA,gBAAgB,cAAc;"}