@cloudtower/eagle 0.0.0-testid-rc-0 → 0.0.0-theme-rc-1

package/dist/esm/core/TableForm/index.js

@@ -0,0 +1,205 @@
+import AddRowButton from './AddRowButton.js';
+import { TableFormWrapper, DraggableHandleWrapper } from './style.js';
+import TableFormBodyRows from './TableFormBodyRows.js';
+import { BatchInputListHeaderCell } from './TableFormHeaderCell.js';
+import { List } from 'antd';
+import React__default, { useState, useRef, useCallback, useImperativeHandle, useMemo } from 'react';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const TableForm = React__default.forwardRef(
+  (props, ref) => {
+    var _a, _b;
+    const {
+      // The empty array is valid data so do not initialize "defaultData" with it
+      defaultData,
+      columns,
+      disabled,
+      rowAddConfig,
+      deleteConfig,
+      size = "default",
+      className,
+      disableBatchFilling = false,
+      validateTriggerType,
+      maxHeight,
+      renderRowDescription,
+      rowValidator,
+      onHeaderChange,
+      onHeaderBlur,
+      onBodyChange,
+      onBodyAdd,
+      onBodyBlur,
+      row,
+      errors,
+      hideEmptyTable
+    } = props;
+    const [data, setData] = useState(defaultData || []);
+    const [passwordVisible, setPasswordVisible] = useState(false);
+    const [latestData, setLatestData] = useState(defaultData || []);
+    const [validateAllCount, setValidateAllCount] = useState(0);
+    const rowSplitType = (row == null ? void 0 : row.splitType) || props.rowSplitType || "border";
+    const draggable = (_b = (_a = row == null ? void 0 : row.draggable) != null ? _a : props.draggable) != null ? _b : false;
+    const formValidMapRef = useRef({});
+    const updateData = useCallback(
+      (value, rowIndex, columnKey) => {
+        setLatestData(value);
+        setData(value);
+        onBodyChange == null ? void 0 : onBodyChange(value, rowIndex, columnKey);
+      },
+      [onBodyChange]
+    );
+    const addData = useCallback(
+      (value) => {
+        setLatestData(value);
+        setData(value);
+        onBodyChange == null ? void 0 : onBodyChange(value);
+        const rowIndex = value.length - 1;
+        onBodyAdd == null ? void 0 : onBodyAdd(value, rowIndex);
+      },
+      [onBodyChange, onBodyAdd]
+    );
+    const handleBatchChange = useCallback(
+      (newData, columnKey, shouldUpdateData) => {
+        setLatestData(newData);
+        onHeaderChange == null ? void 0 : onHeaderChange(newData, columnKey);
+        if (shouldUpdateData) {
+          setData(newData);
+          onBodyChange == null ? void 0 : onBodyChange(newData, void 0, columnKey);
+        }
+      },
+      [onHeaderChange, onBodyChange]
+    );
+    const handleBatchBlur = useCallback(
+      (columnKey, error) => {
+        if (error) {
+          const newData = latestData.map((cell) => {
+            return __spreadProps(__spreadValues({}, cell), {
+              [columnKey]: ""
+            });
+          });
+          setLatestData(newData);
+          onHeaderBlur == null ? void 0 : onHeaderBlur(newData, columnKey);
+        } else {
+          setData(latestData);
+          onBodyChange == null ? void 0 : onBodyChange(latestData, void 0, columnKey);
+          onHeaderBlur == null ? void 0 : onHeaderBlur(latestData, columnKey);
+        }
+      },
+      [latestData, onHeaderBlur, onBodyChange]
+    );
+    useImperativeHandle(
+      ref,
+      () => ({
+        setData: (data2) => {
+          updateData(data2);
+        },
+        setDataWithoutTriggerChange: (data2) => {
+          setLatestData(data2);
+          setData(data2);
+        },
+        validateWholeFields() {
+          formValidMapRef.current = {};
+          setValidateAllCount((c) => c + 1);
+        },
+        isValid() {
+          return Object.values(formValidMapRef.current).every(
+            (v) => v === true
+          );
+        }
+      }),
+      [updateData]
+    );
+    const onValidate = (id, isValid) => {
+      formValidMapRef.current[id] = isValid;
+    };
+    const headerCells = columns.map((col) => {
+      return /* @__PURE__ */ React__default.createElement(
+        BatchInputListHeaderCell,
+        {
+          key: col.key,
+          data,
+          latestData,
+          disabled,
+          column: col,
+          disableBatchFilling,
+          onChange: handleBatchChange,
+          onBlur: handleBatchBlur,
+          onVisibleChange: setPasswordVisible
+        }
+      );
+    });
+    const tableFormWrapperStyle = useMemo(
+      () => maxHeight ? {
+        maxHeight: typeof maxHeight === "number" ? maxHeight + "px" : maxHeight
+      } : void 0,
+      [maxHeight]
+    );
+    return /* @__PURE__ */ React__default.createElement("div", { className }, hideEmptyTable && data.length < 1 ? null : /* @__PURE__ */ React__default.createElement(
+      TableFormWrapper,
+      {
+        "data-testid": "eagle-table-form-wrapper",
+        className: `table-form row-split-by-${rowSplitType}`,
+        style: tableFormWrapperStyle
+      },
+      /* @__PURE__ */ React__default.createElement(List, { size, className: `size-${size}` }, /* @__PURE__ */ React__default.createElement(
+        List.Item,
+        {
+          className: "eagle-table-form-header",
+          actions: (deleteConfig == null ? void 0 : deleteConfig.deletable) || (row == null ? void 0 : row.deletable) ? [/* @__PURE__ */ React__default.createElement(React__default.Fragment, null)] : void 0
+        },
+        draggable ? /* @__PURE__ */ React__default.createElement(DraggableHandleWrapper, null) : null,
+        headerCells
+      ), /* @__PURE__ */ React__default.createElement(
+        TableFormBodyRows,
+        {
+          data,
+          latestData,
+          columns,
+          passwordVisible,
+          deleteConfig,
+          disabled,
+          draggable,
+          rowSplitType,
+          validateTriggerType,
+          row,
+          onBodyBlur,
+          updateData,
+          renderRowDescription,
+          rowValidator,
+          validateAllCount,
+          errors,
+          onValidate
+        }
+      ))
+    ), (rowAddConfig == null ? void 0 : rowAddConfig.addible) ? /* @__PURE__ */ React__default.createElement(
+      AddRowButton,
+      {
+        style: { marginTop: hideEmptyTable && !data.length ? 0 : 8 },
+        config: rowAddConfig,
+        addData,
+        columns,
+        data
+      }
+    ) : null);
+  }
+);
+var TableForm$1 = TableForm;
+
+export { TableForm$1 as default };

package/dist/esm/core/TableForm/style.js

@@ -0,0 +1,27 @@
+import { styled } from '@linaria/react';
+
+const TitleStyle = "E_0_0_0_theme_rc_1_t1dtlqs1";
+const SubtitleStyle = "E_0_0_0_theme_rc_1_s1ese5oy";
+const BodyCellTextStyle = "E_0_0_0_theme_rc_1_b1ibis43";
+const BodyCellTextWrapper = /*#__PURE__*/styled('div')({
+  name: "BodyCellTextWrapper",
+  class: "E_0_0_0_theme_rc_1_bsub5bw",
+  propsAsIs: false
+});
+const TableFormWrapper = /*#__PURE__*/styled('div')({
+  name: "TableFormWrapper",
+  class: "E_0_0_0_theme_rc_1_tmoyoag",
+  propsAsIs: false
+});
+const AddRowButtonWrapper = /*#__PURE__*/styled('div')({
+  name: "AddRowButtonWrapper",
+  class: "E_0_0_0_theme_rc_1_a138syjm",
+  propsAsIs: false
+});
+const DraggableHandleWrapper = /*#__PURE__*/styled('div')({
+  name: "DraggableHandleWrapper",
+  class: "E_0_0_0_theme_rc_1_d77i8u0",
+  propsAsIs: false
+});
+
+export { AddRowButtonWrapper, BodyCellTextStyle, BodyCellTextWrapper, DraggableHandleWrapper, SubtitleStyle, TableFormWrapper, TitleStyle };

package/dist/esm/core/TableForm/types.js

@@ -0,0 +1,8 @@
+var ValidateTriggerType = /* @__PURE__ */ ((ValidateTriggerType2) => {
+  ValidateTriggerType2[ValidateTriggerType2["Normal"] = 0] = "Normal";
+  ValidateTriggerType2[ValidateTriggerType2["Aggressive"] = 1] = "Aggressive";
+  ValidateTriggerType2[ValidateTriggerType2["Lazy"] = 2] = "Lazy";
+  return ValidateTriggerType2;
+})(ValidateTriggerType || {});
+
+export { ValidateTriggerType };

package/dist/esm/core/TableForm/utils.js

@@ -0,0 +1,32 @@
+function increaseLastNumber(str, num) {
+  const lastNumberMatch = str.match(/(\d+)$/);
+  if (!lastNumberMatch) {
+    return str;
+  }
+  const prefix = str.slice(0, lastNumberMatch.index);
+  const lastNumber = lastNumberMatch[1];
+  let newLastNumber;
+  if (Number.isSafeInteger(Number(str) + num)) {
+    newLastNumber = Number(str) + num;
+  }
+  newLastNumber = (BigInt(lastNumber) + BigInt(num)).toString();
+  return `${prefix}${newLastNumber}`;
+}
+const genEmptyRow = (columns) => {
+  const row = {};
+  columns.forEach((col) => {
+    row[col.key] = col.defaultValue;
+  });
+  return row;
+};
+const moveItemInArray = (array, fromIndex, toIndex) => {
+  const arrLength = array.length;
+  const sortArr = [...array];
+  if (fromIndex > -1 && fromIndex < arrLength) {
+    const moveItem = sortArr.splice(fromIndex, 1)[0];
+    sortArr.splice(toIndex, 0, moveItem);
+  }
+  return sortArr;
+};
+
+export { genEmptyRow, increaseLastNumber, moveItemInArray };

package/dist/esm/core/Tag/SplitTag.js

@@ -0,0 +1,62 @@
+import { TagBasePresetColors } from './const.js';
+import { TagStyle, Size, IconStyle } from './style.js';
+import { Typo } from '../Typo/index.js';
+import { Tag } from 'antd';
+import cs from 'classnames';
+import React__default from 'react';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {
+  enumerable: true,
+  configurable: true,
+  writable: true,
+  value
+}) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {})) if (__hasOwnProp.call(b, prop)) __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols) for (var prop of __getOwnPropSymbols(b)) {
+    if (__propIsEnum.call(b, prop)) __defNormalProp(a, prop, b[prop]);
+  }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source) if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols) for (var prop of __getOwnPropSymbols(source)) {
+    if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop)) target[prop] = source[prop];
+  }
+  return target;
+};
+const WrapperStyle = "E_0_0_0_theme_rc_1_w7ob4th";
+const SplitTag = _a => {
+  var _b = _a,
+    {
+      size = "small",
+      color = "gray",
+      className,
+      primaryContent,
+      secondaryContent,
+      icon
+    } = _b,
+    props = __objRest(_b, ["size", "color", "className", "primaryContent", "secondaryContent", "icon"]);
+  return /* @__PURE__ */React__default.createElement(Tag, __spreadProps(__spreadValues({}, props), {
+    className: cs(className, TagStyle, Size[size], WrapperStyle, Typo.Label.l4_regular, {
+      [`ant-tag-${color}`]: TagBasePresetColors.includes(color)
+    }, "outside-tag")
+  }), /* @__PURE__ */React__default.createElement(Tag, {
+    className: cs(Size[size], TagStyle, Typo.Label.l4_regular, {
+      [`ant-tag-${color}`]: TagBasePresetColors.includes(color)
+    }, "inside-tag")
+  }, icon && /* @__PURE__ */React__default.createElement("span", {
+    className: cs("ui-kit-tag-icon", IconStyle)
+  }, icon), primaryContent), secondaryContent);
+};
+var SplitTag$1 = SplitTag;
+
+export { SplitTag$1 as default };

package/dist/esm/core/Tag/const.js

@@ -0,0 +1,10 @@
+const TagBasePresetColors = [
+  "blue",
+  "red",
+  "yellow",
+  "green",
+  "gray",
+  "purple"
+];
+
+export { TagBasePresetColors };

package/dist/esm/core/Tag/index.js

@@ -0,0 +1,91 @@
+import { TagBasePresetColors } from './const.js';
+import SplitTag from './SplitTag.js';
+import { Size, TagStyle, IconStyle, NameTagStyle } from './style.js';
+import { Typo } from '../Typo/index.js';
+import { Tag as Tag$2 } from 'antd';
+import cs from 'classnames';
+import React__default from 'react';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const TagPresetColors = [
+  ...TagBasePresetColors,
+  "red-ontint",
+  "green-ontint"
+];
+const AntdColorMap = {
+  processing: "blue",
+  success: "green",
+  error: "red",
+  warn: "yellow",
+  default: "gray"
+};
+const Tag = (_a) => {
+  var _b = _a, {
+    size = "small",
+    color = "gray",
+    className,
+    hoverable = false,
+    icon,
+    children
+  } = _b, props = __objRest(_b, [
+    "size",
+    "color",
+    "className",
+    "hoverable",
+    "icon",
+    "children"
+  ]);
+  const computedColor = AntdColorMap[color] || color;
+  return /* @__PURE__ */ React__default.createElement(
+    Tag$2,
+    __spreadProps(__spreadValues({}, props), {
+      className: cs(className, Size[size], TagStyle, Typo.Label.l4_regular, {
+        [`ant-tag-${computedColor}`]: TagPresetColors.includes(computedColor),
+        "tag-hover": hoverable
+      }),
+      closable: false,
+      color: computedColor === "gray" ? void 0 : computedColor
+    }),
+    icon && /* @__PURE__ */ React__default.createElement("span", { className: IconStyle }, icon),
+    children
+  );
+};
+const NameTag = (_c) => {
+  var _d = _c, { className } = _d, props = __objRest(_d, ["className"]);
+  return /* @__PURE__ */ React__default.createElement(Tag, __spreadValues({ className: cs(NameTagStyle, className) }, props));
+};
+Tag.SplitTag = SplitTag;
+Tag.NameTag = NameTag;
+var Tag$1 = Tag;
+
+export { TagPresetColors, Tag$1 as default };

package/dist/esm/core/Tag/style.js

@@ -0,0 +1,9 @@
+const Size = {
+  small: "E_0_0_0_theme_rc_1_slr2ynn",
+  medium: "E_0_0_0_theme_rc_1_m140wbb6"
+};
+const TagStyle = "E_0_0_0_theme_rc_1_t1fozc1i";
+const IconStyle = "E_0_0_0_theme_rc_1_i1vxv4ln";
+const NameTagStyle = "E_0_0_0_theme_rc_1_n1afl31m";
+
+export { IconStyle, NameTagStyle, Size, TagStyle };

package/dist/esm/core/TextArea/index.js

@@ -0,0 +1,88 @@
+import { InputStyle } from '../Styled/index.js';
+import { Typo } from '../Typo/index.js';
+import { Input } from 'antd';
+import cs from 'classnames';
+import React__default from 'react';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const TextArea = (_a) => {
+  var _b = _a, {
+    className,
+    error,
+    size = "middle",
+    "data-testid": dataTestId
+  } = _b, props = __objRest(_b, [
+    "className",
+    "error",
+    "size",
+    "data-testid"
+  ]);
+  const typo = {
+    large: Typo.Label.l2_regular,
+    middle: Typo.Label.l3_regular,
+    small: Typo.Label.l4_regular
+  }[size];
+  const ref = React__default.useCallback(
+    (instance) => {
+      var _a2;
+      const el = (_a2 = instance == null ? void 0 : instance.resizableTextArea) == null ? void 0 : _a2.textArea;
+      if (!el)
+        return;
+      if (dataTestId) {
+        el.setAttribute("data-testid", dataTestId);
+      } else {
+        el.removeAttribute("data-testid");
+      }
+    },
+    [dataTestId]
+  );
+  return /* @__PURE__ */ React__default.createElement(
+    Input.TextArea,
+    __spreadProps(__spreadValues({
+      ref
+    }, props), {
+      className: cs(
+        className,
+        InputStyle,
+        typo,
+        error && "error",
+        !props.autoSize && !props.onFocusChangeHeight && `textarea-${size}`,
+        size === "large" && "ant-input-lg",
+        size === "small" && "ant-input-sm"
+      )
+    })
+  );
+};
+var TextArea$1 = TextArea;
+
+export { TextArea$1 as default };

package/dist/esm/core/Time/index.js

@@ -0,0 +1,30 @@
+import cs from 'classnames';
+import dayjs from 'dayjs';
+import React__default from 'react';
+
+const timeWrapper = "E_0_0_0_theme_rc_1_tju3gfj";
+const Time = ({
+  className,
+  date,
+  dateTemplate = "YYYY-MM-DD",
+  timeTemplate = "HH:mm",
+  plainText,
+  "data-testid": dataTestId
+}) => {
+  if (!date) return /* @__PURE__ */React__default.createElement(React__default.Fragment, null, "-");
+  const time = dayjs(date);
+  if (plainText) {
+    return /* @__PURE__ */React__default.createElement(React__default.Fragment, null, dateTemplate !== null && time.format(dateTemplate), " ", timeTemplate !== null && time.format(timeTemplate));
+  }
+  return /* @__PURE__ */React__default.createElement("span", {
+    "data-testid": dataTestId,
+    className: cs("time-wrapper", timeWrapper, className)
+  }, dateTemplate !== null && /* @__PURE__ */React__default.createElement("span", {
+    className: "date"
+  }, time.format(dateTemplate)), timeTemplate !== null && /* @__PURE__ */React__default.createElement("span", {
+    className: "time"
+  }, time.format(timeTemplate)));
+};
+var Time$1 = Time;
+
+export { Time$1 as default };

package/dist/esm/core/TimePicker/index.js

@@ -0,0 +1,56 @@
+import { InputStyle } from '../Styled/index.js';
+import { Typo } from '../Typo/index.js';
+import { TimePicker as TimePicker$2 } from 'antd';
+import cs from 'classnames';
+import React__default from 'react';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const TimePicker = (_a) => {
+  var _b = _a, { className, error, size = "middle" } = _b, props = __objRest(_b, ["className", "error", "size"]);
+  const typo = {
+    large: Typo.Label.l2_regular,
+    middle: Typo.Label.l3_regular,
+    small: Typo.Label.l4_regular
+  }[size];
+  return /* @__PURE__ */ React__default.createElement(
+    TimePicker$2,
+    __spreadProps(__spreadValues({}, props), {
+      size,
+      "data-test": props.name,
+      className: cs(className, InputStyle, typo, error ? "error" : "")
+    })
+  );
+};
+var TimePicker$1 = TimePicker;
+
+export { TimePicker$1 as default };

package/dist/esm/core/TimeZoneSelect/filter.js

@@ -0,0 +1,19 @@
+const TimeZoneSelectPlaceholderValue = "_placeholder_";
+function shouldShowTimeZoneSelectOption(keyword, option, searchableOptionTexts) {
+  const search = keyword.toLowerCase();
+  const matches = (text) => text.toLowerCase().includes(search);
+  const hasMatchedOption = searchableOptionTexts.some(matches);
+  if (!hasMatchedOption) {
+    return false;
+  }
+  if ((option == null ? void 0 : option.value) === TimeZoneSelectPlaceholderValue) {
+    return true;
+  }
+  const optionText = [
+    typeof (option == null ? void 0 : option.label) === "string" ? option.label : "",
+    (option == null ? void 0 : option.value) == null ? "" : String(option.value)
+  ].join(" ");
+  return matches(optionText);
+}
+
+export { TimeZoneSelectPlaceholderValue, shouldShowTimeZoneSelectOption };