boreal-ui 0.0.72 → 0.0.74

package/dist/core/DataTable-CF1AaO2t.js

@@ -1,189 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState, useMemo } from "react";
-import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
-import { c as capitalize } from "./capitalize-C0TSQSPh.js";
-import { d as getDefaultTheme, a as getDefaultRounding, b as getDefaultShadow } from "./boreal-style-config-DsaRlxmw.js";
-function DataTableBase({
-  columns,
-  data,
-  onRowClick,
-  classMap,
-  theme = getDefaultTheme(),
-  rounding = getDefaultRounding(),
-  shadow = getDefaultShadow(),
-  state = "",
-  outline = false,
-  className = "",
-  striped = true,
-  defaultSortKey,
-  ariaLabel,
-  defaultSortOrder = "asc",
-  serverSort = false,
-  onSortChange,
-  rowKey,
-  "data-testid": testId = "data-table"
-}) {
-  const [sortKey, setSortKey] = useState(defaultSortKey);
-  const [sortOrder, setSortOrder] = useState(defaultSortOrder);
-  const sortedData = useMemo(() => {
-    if (serverSort || !sortKey) return data;
-    return [...data].sort((a, b) => {
-      const valA = a[sortKey];
-      const valB = b[sortKey];
-      if (valA === valB) return 0;
-      if (valA == null) return 1;
-      if (valB == null) return -1;
-      const numA = Number(valA);
-      const numB = Number(valB);
-      const bothNumeric = !Number.isNaN(numA) && !Number.isNaN(numB);
-      if (bothNumeric) {
-        return sortOrder === "asc" ? numA - numB : numB - numA;
-      }
-      const cmp = String(valA).localeCompare(String(valB), void 0, {
-        numeric: true
-      });
-      return sortOrder === "asc" ? cmp : -cmp;
-    });
-  }, [data, sortKey, sortOrder, serverSort]);
-  const handleSort = (key) => {
-    const newOrder = key === sortKey && sortOrder === "asc" ? "desc" : "asc";
-    setSortKey(key);
-    setSortOrder(newOrder);
-    if (serverSort && onSortChange) onSortChange(key, newOrder);
-  };
-  const handleSortKeyDown = (e, key) => {
-    if (e.key === "Enter" || e.key === " ") {
-      e.preventDefault();
-      handleSort(key);
-    }
-  };
-  const handleRowKeyDown = (row) => (e) => {
-    if (!onRowClick) return;
-    if (e.key === "Enter" || e.key === " ") {
-      e.preventDefault();
-      onRowClick(row);
-    }
-  };
-  const captionId = `${testId}-caption`;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: combineClassNames(
-        classMap.wrapper,
-        shadow && classMap[`shadow${capitalize(shadow)}`],
-        rounding && classMap[`round${capitalize(rounding)}`],
-        striped && classMap.striped,
-        className
-      ),
-      "data-testid": testId,
-      children: /* @__PURE__ */ jsxs(
-        "table",
-        {
-          className: combineClassNames(
-            classMap.table,
-            classMap[theme],
-            classMap[state],
-            outline && classMap.outline
-          ),
-          "aria-label": ariaLabel,
-          "aria-describedby": captionId,
-          children: [
-            /* @__PURE__ */ jsx("caption", { id: captionId, className: classMap.srOnly ?? "sr_only", children: "Sortable data table" }),
-            /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx("tr", { children: columns.map((col) => {
-              const isActive = sortKey === col.key;
-              return /* @__PURE__ */ jsxs(
-                "th",
-                {
-                  scope: "col",
-                  tabIndex: col.sortable ? 0 : void 0,
-                  "aria-sort": col.sortable ? isActive ? sortOrder === "asc" ? "ascending" : "descending" : "none" : void 0,
-                  onClick: () => col.sortable && handleSort(col.key),
-                  onKeyDown: (e) => col.sortable && handleSortKeyDown(e, col.key),
-                  className: combineClassNames(
-                    col.sortable && classMap.sortable,
-                    classMap.headerCell
-                  ),
-                  children: [
-                    /* @__PURE__ */ jsx("span", { children: col.label }),
-                    col.sortable && /* @__PURE__ */ jsx("span", { className: classMap.sortIcon, "aria-hidden": "true", children: isActive ? sortOrder === "asc" ? "▲" : "▼" : "⇅" })
-                  ]
-                },
-                String(col.key)
-              );
-            }) }) }),
-            /* @__PURE__ */ jsx("tbody", { children: sortedData.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx(
-              "td",
-              {
-                className: classMap.emptyCell,
-                colSpan: columns.length,
-                "aria-live": "polite",
-                children: "No data available"
-              }
-            ) }) : sortedData.map((row, idx) => {
-              const key = rowKey ? rowKey(row) : idx;
-              return /* @__PURE__ */ jsx(
-                "tr",
-                {
-                  className: combineClassNames(
-                    onRowClick && classMap.clickable,
-                    striped && idx % 2 === 1 && classMap.striped
-                  ),
-                  onClick: () => onRowClick == null ? void 0 : onRowClick(row),
-                  onKeyDown: handleRowKeyDown(row),
-                  tabIndex: onRowClick ? 0 : void 0,
-                  children: columns.map((col) => /* @__PURE__ */ jsx(
-                    "td",
-                    {
-                      "data-label": col.label,
-                      className: classMap.cell,
-                      children: col.render ? col.render(row[col.key], row) : typeof row[col.key] === "object" ? JSON.stringify(row[col.key]) : String(row[col.key] ?? "")
-                    },
-                    String(col.key)
-                  ))
-                },
-                key
-              );
-            }) })
-          ]
-        }
-      )
-    }
-  );
-}
-DataTableBase.displayName = "DataTableBase";
-const classes = {
-  wrapper: "data_table_wrapper",
-  table: "data_table",
-  headerCell: "data_table_header_cell",
-  sortable: "data_table_header_sortable",
-  sortIcon: "data_table_sort_icon",
-  clickable: "data_table_row_clickable",
-  striped: "data_table_row_striped",
-  cell: "data_table_cell",
-  primary: "data_table_primary",
-  secondary: "data_table_secondary",
-  tertiary: "data_table_tertiary",
-  quaternary: "data_table_quaternary",
-  success: "data_table_success",
-  error: "data_table_error",
-  warning: "data_table_warning",
-  clear: "data_table_clear",
-  outline: "data_table_outline",
-  shadowNone: "data_table_shadow-None",
-  shadowLight: "data_table_shadow-Light",
-  shadowMedium: "data_table_shadow-Medium",
-  shadowStrong: "data_table_shadow-Strong",
-  shadowIntense: "data_table_shadow-Intense",
-  roundNone: "data_table_round-None",
-  roundSmall: "data_table_round-Small",
-  roundMedium: "data_table_round-Medium",
-  roundLarge: "data_table_round-Large"
-};
-function DataTable(props) {
-  return /* @__PURE__ */ jsx(DataTableBase, { ...props, classMap: classes });
-}
-DataTable.displayName = "DataTable";
-export {
-  DataTable as D
-};
-//# sourceMappingURL=DataTable-CF1AaO2t.js.map

package/dist/core/DataTable-CF1AaO2t.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DataTable-CF1AaO2t.js","sources":["../../src/components/DataTable/DataTableBase.tsx","../../src/components/DataTable/core/DataTable.tsx"],"sourcesContent":["import { useMemo, useState, KeyboardEvent } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { DataTableBaseProps } from \"./DataTable.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nfunction DataTableBase<T extends object>({\r\n  columns,\r\n  data,\r\n  onRowClick,\r\n  classMap,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  outline = false,\r\n  className = \"\",\r\n  striped = true,\r\n  defaultSortKey,\r\n  ariaLabel,\r\n  defaultSortOrder = \"asc\",\r\n  serverSort = false,\r\n  onSortChange,\r\n  rowKey,\r\n  \"data-testid\": testId = \"data-table\",\r\n}: DataTableBaseProps<T>) {\r\n  const [sortKey, setSortKey] = useState<keyof T | undefined>(defaultSortKey);\r\n  const [sortOrder, setSortOrder] = useState<\"asc\" | \"desc\">(defaultSortOrder);\r\n\r\n  const sortedData = useMemo(() => {\r\n    if (serverSort || !sortKey) return data;\r\n\r\n    return [...data].sort((a, b) => {\r\n      const valA = a[sortKey];\r\n      const valB = b[sortKey];\r\n      if (valA === valB) return 0;\r\n      if (valA == null) return 1;\r\n      if (valB == null) return -1;\r\n\r\n      const numA = Number(valA);\r\n      const numB = Number(valB);\r\n      const bothNumeric = !Number.isNaN(numA) && !Number.isNaN(numB);\r\n\r\n      if (bothNumeric) {\r\n        return sortOrder === \"asc\" ? numA - numB : numB - numA;\r\n      }\r\n      const cmp = String(valA).localeCompare(String(valB), undefined, {\r\n        numeric: true,\r\n      });\r\n      return sortOrder === \"asc\" ? cmp : -cmp;\r\n    });\r\n  }, [data, sortKey, sortOrder, serverSort]);\r\n\r\n  const handleSort = (key: keyof T) => {\r\n    const newOrder = key === sortKey && sortOrder === \"asc\" ? \"desc\" : \"asc\";\r\n    setSortKey(key);\r\n    setSortOrder(newOrder);\r\n    if (serverSort && onSortChange) onSortChange(key, newOrder);\r\n  };\r\n\r\n  const handleSortKeyDown = (e: KeyboardEvent, key: keyof T) => {\r\n    if (e.key === \"Enter\" || e.key === \" \") {\r\n      e.preventDefault();\r\n      handleSort(key);\r\n    }\r\n  };\r\n\r\n  const handleRowKeyDown =\r\n    (row: T) => (e: KeyboardEvent<HTMLTableRowElement>) => {\r\n      if (!onRowClick) return;\r\n      if (e.key === \"Enter\" || e.key === \" \") {\r\n        e.preventDefault();\r\n        onRowClick(row);\r\n      }\r\n    };\r\n\r\n  const captionId = `${testId}-caption`;\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(\r\n        classMap.wrapper,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        striped && classMap.striped,\r\n        className,\r\n      )}\r\n      data-testid={testId}\r\n    >\r\n      <table\r\n        className={combineClassNames(\r\n          classMap.table,\r\n          classMap[theme],\r\n          classMap[state],\r\n          outline && classMap.outline,\r\n        )}\r\n        aria-label={ariaLabel}\r\n        aria-describedby={captionId}\r\n      >\r\n        <caption id={captionId} className={classMap.srOnly ?? \"sr_only\"}>\r\n          Sortable data table\r\n        </caption>\r\n\r\n        <thead>\r\n          <tr>\r\n            {columns.map((col) => {\r\n              const isActive = sortKey === col.key;\r\n              return (\r\n                <th\r\n                  key={String(col.key)}\r\n                  scope=\"col\"\r\n                  tabIndex={col.sortable ? 0 : undefined}\r\n                  aria-sort={\r\n                    col.sortable\r\n                      ? isActive\r\n                        ? sortOrder === \"asc\"\r\n                          ? \"ascending\"\r\n                          : \"descending\"\r\n                        : \"none\"\r\n                      : undefined\r\n                  }\r\n                  onClick={() => col.sortable && handleSort(col.key)}\r\n                  onKeyDown={(e) =>\r\n                    col.sortable && handleSortKeyDown(e, col.key)\r\n                  }\r\n                  className={combineClassNames(\r\n                    col.sortable && classMap.sortable,\r\n                    classMap.headerCell,\r\n                  )}\r\n                >\r\n                  <span>{col.label}</span>\r\n                  {col.sortable && (\r\n                    <span className={classMap.sortIcon} aria-hidden=\"true\">\r\n                      {isActive ? (sortOrder === \"asc\" ? \"▲\" : \"▼\") : \"⇅\"}\r\n                    </span>\r\n                  )}\r\n                </th>\r\n              );\r\n            })}\r\n          </tr>\r\n        </thead>\r\n\r\n        <tbody>\r\n          {sortedData.length === 0 ? (\r\n            <tr>\r\n              <td\r\n                className={classMap.emptyCell}\r\n                colSpan={columns.length}\r\n                aria-live=\"polite\"\r\n              >\r\n                No data available\r\n              </td>\r\n            </tr>\r\n          ) : (\r\n            sortedData.map((row, idx) => {\r\n              const key = rowKey ? rowKey(row) : idx;\r\n              return (\r\n                <tr\r\n                  key={key}\r\n                  className={combineClassNames(\r\n                    onRowClick && classMap.clickable,\r\n                    striped && idx % 2 === 1 && classMap.striped,\r\n                  )}\r\n                  onClick={() => onRowClick?.(row)}\r\n                  onKeyDown={handleRowKeyDown(row)}\r\n                  tabIndex={onRowClick ? 0 : undefined}\r\n                >\r\n                  {columns.map((col) => (\r\n                    <td\r\n                      key={String(col.key)}\r\n                      data-label={col.label}\r\n                      className={classMap.cell}\r\n                    >\r\n                      {col.render\r\n                        ? col.render(row[col.key], row)\r\n                        : typeof row[col.key] === \"object\"\r\n                          ? JSON.stringify(row[col.key])\r\n                          : String(row[col.key] ?? \"\")}\r\n                    </td>\r\n                  ))}\r\n                </tr>\r\n              );\r\n            })\r\n          )}\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  );\r\n}\r\nDataTableBase.displayName = \"DataTableBase\";\r\nexport default DataTableBase;\r\n","import \"./DataTable.scss\";\r\nimport DataTableBase from \"../DataTableBase\";\r\nimport { DataTableProps } from \"../DataTable.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"data_table_wrapper\",\r\n  table: \"data_table\",\r\n  headerCell: \"data_table_header_cell\",\r\n  sortable: \"data_table_header_sortable\",\r\n  sortIcon: \"data_table_sort_icon\",\r\n  clickable: \"data_table_row_clickable\",\r\n  striped: \"data_table_row_striped\",\r\n  cell: \"data_table_cell\",\r\n\r\n  primary: \"data_table_primary\",\r\n  secondary: \"data_table_secondary\",\r\n  tertiary: \"data_table_tertiary\",\r\n  quaternary: \"data_table_quaternary\",\r\n\r\n  success: \"data_table_success\",\r\n  error: \"data_table_error\",\r\n  warning: \"data_table_warning\",\r\n\r\n  clear: \"data_table_clear\",\r\n\r\n  outline: \"data_table_outline\",\r\n\r\n  shadowNone: \"data_table_shadow-None\",\r\n  shadowLight: \"data_table_shadow-Light\",\r\n  shadowMedium: \"data_table_shadow-Medium\",\r\n  shadowStrong: \"data_table_shadow-Strong\",\r\n  shadowIntense: \"data_table_shadow-Intense\",\r\n\r\n  roundNone: \"data_table_round-None\",\r\n  roundSmall: \"data_table_round-Small\",\r\n  roundMedium: \"data_table_round-Medium\",\r\n  roundLarge: \"data_table_round-Large\",\r\n};\r\n\r\nfunction DataTable<T extends object>(props: DataTableProps<T>) {\r\n  return <DataTableBase {...props} classMap={classes} />;\r\n}\r\nDataTable.displayName = \"DataTable\";\r\nexport default DataTable;\r\n"],"names":[],"mappings":"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"}

package/dist/core/DateTimePicker-B_x-Hw30.js

@@ -1,204 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useId, useRef, useMemo } from "react";
-import { c as combineClassNames } from "./classNames-AS8QjFq7.js";
-import { c as capitalize } from "./capitalize-C0TSQSPh.js";
-import { a as getDefaultRounding, b as getDefaultShadow, c as getDefaultSize, d as getDefaultTheme } from "./boreal-style-config-DsaRlxmw.js";
-const CalendarIcon = (props) => /* @__PURE__ */ jsxs(
-  "svg",
-  {
-    width: "24px",
-    height: "24px",
-    strokeWidth: "1.5",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    color: "currentColor",
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M15 4V2M15 4V6M15 4H10.5M3 10V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V10H3Z",
-          stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M3 10V6C3 4.89543 3.89543 4 5 4H7",
-          stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M7 2V6",
-          stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M21 10V6C21 4.89543 20.1046 4 19 4H18.5",
-          stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    ]
-  }
-);
-const DateTimePickerBase = ({
-  label,
-  value,
-  onChange,
-  min,
-  max,
-  name,
-  required = false,
-  disabled = false,
-  size = getDefaultSize(),
-  outline,
-  theme = getDefaultTheme(),
-  state = "",
-  rounding = getDefaultRounding(),
-  shadow = getDefaultShadow(),
-  className = "",
-  "data-testid": testId = "datetime-picker",
-  classMap,
-  error,
-  description,
-  id
-}) => {
-  const generatedId = useId();
-  const inputId = id || generatedId;
-  const inputRef = useRef(null);
-  const descriptionId = description ? `${inputId}-description` : void 0;
-  const errorId = error ? `${inputId}-error` : void 0;
-  const invalidRange = min && max ? min > max : false;
-  const outOfBounds = value ? (min ? value < min : false) || (max ? value > max : false) : false;
-  const openPicker = () => {
-    const el = inputRef.current;
-    if (!el) return;
-    if (typeof el.showPicker === "function") el.showPicker();
-    else el.focus();
-  };
-  const pickerClass = useMemo(
-    () => combineClassNames(
-      classMap.wrapper,
-      classMap[theme],
-      classMap[state],
-      classMap[size],
-      shadow && classMap[`shadow${capitalize(shadow)}`],
-      rounding && classMap[`round${capitalize(rounding)}`],
-      outline && classMap.outline,
-      disabled && classMap.disabled,
-      className
-    ),
-    [
-      classMap,
-      theme,
-      state,
-      size,
-      shadow,
-      rounding,
-      outline,
-      disabled,
-      className
-    ]
-  );
-  const describedBy = [descriptionId, errorId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxs("div", { className: pickerClass, "data-testid": testId, children: [
-    label && /* @__PURE__ */ jsxs("label", { htmlFor: inputId, className: classMap.label, children: [
-      label,
-      " ",
-      required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "*" })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: classMap.inputWrapper, children: [
-      /* @__PURE__ */ jsx(
-        "input",
-        {
-          id: inputId,
-          type: "datetime-local",
-          className: classMap.input,
-          value,
-          onChange: (e) => onChange == null ? void 0 : onChange(e.target.value),
-          min,
-          max,
-          name,
-          ref: inputRef,
-          required,
-          disabled,
-          "aria-invalid": Boolean(error) || invalidRange || outOfBounds || void 0,
-          "aria-describedby": describedBy,
-          "aria-errormessage": error ? errorId : void 0,
-          "aria-label": label || "Date and time",
-          "data-testid": `${testId}-input`,
-          autoComplete: "off"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          className: classMap.icon,
-          onClick: openPicker,
-          disabled,
-          "aria-label": "Open date and time picker",
-          "data-testid": `${testId}-button`,
-          children: /* @__PURE__ */ jsx(CalendarIcon, {})
-        }
-      )
-    ] }),
-    description && !error && /* @__PURE__ */ jsx("p", { id: descriptionId, className: classMap.description, children: description }),
-    error && /* @__PURE__ */ jsx("p", { id: errorId, className: classMap.error, role: "alert", children: error })
-  ] });
-};
-DateTimePickerBase.displayName = "DateTimePickerBase";
-const classes = {
-  wrapper: "datetime_picker_wrapper",
-  label: "datetime_picker_label",
-  inputWrapper: "datetime_picker_input_wrapper",
-  input: "datetime_picker_input",
-  primary: "datetime_picker_primary",
-  secondary: "datetime_picker_secondary",
-  tertiary: "datetime_picker_tertiary",
-  quaternary: "datetime_picker_quaternary",
-  success: "datetime_picker_success",
-  error: "datetime_picker_error",
-  warning: "datetime_picker_warning",
-  clear: "datetime_picker_clear",
-  xs: "datetime_picker_xs",
-  small: "datetime_picker_small",
-  medium: "datetime_picker_medium",
-  large: "datetime_picker_large",
-  xl: "datetime_picker_xl",
-  outline: "datetime_picker_outline",
-  disabled: "datetime_picker_disabled",
-  icon: "datetime_picker_icon",
-  shadowNone: "datetime_picker_shadow-None",
-  shadowLight: "datetime_picker_shadow-Light",
-  shadowMedium: "datetime_picker_shadow-Medium",
-  shadowStrong: "datetime_picker_shadow-Strong",
-  shadowIntense: "datetime_picker_shadow-Intense",
-  roundNone: "datetime_picker_round-None",
-  roundSmall: "datetime_picker_round-Small",
-  roundMedium: "datetime_picker_round-Medium",
-  roundLarge: "datetime_picker_round-Large"
-};
-const DateTimePicker = (props) => /* @__PURE__ */ jsx(DateTimePickerBase, { ...props, classMap: classes });
-DateTimePicker.displayName = "DateTimePicker";
-export {
-  DateTimePicker as D
-};
-//# sourceMappingURL=DateTimePicker-B_x-Hw30.js.map

package/dist/core/DateTimePicker-B_x-Hw30.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateTimePicker-B_x-Hw30.js","sources":["../../src/Icons/CalendarIcon.tsx","../../src/components/DateTimePicker/DateTimePickerBase.tsx","../../src/components/DateTimePicker/core/DateTimePicker.tsx"],"sourcesContent":["const CalendarIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    strokeWidth=\"1.5\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M15 4V2M15 4V6M15 4H10.5M3 10V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V10H3Z\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M3 10V6C3 4.89543 3.89543 4 5 4H7\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M7 2V6\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M21 10V6C21 4.89543 20.1046 4 19 4H18.5\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default CalendarIcon;\r\n","import React, { useId, useMemo, useRef } from \"react\";\r\nimport { DateTimePickerBaseProps } from \"./DateTimePicker.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { CalendarIcon } from \"../../Icons\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst DateTimePickerBase: React.FC<DateTimePickerBaseProps> = ({\r\n  label,\r\n  value,\r\n  onChange,\r\n  min,\r\n  max,\r\n  name,\r\n  required = false,\r\n  disabled = false,\r\n  size = getDefaultSize(),\r\n  outline,\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"datetime-picker\",\r\n  classMap,\r\n  error,\r\n  description,\r\n  id,\r\n}) => {\r\n  const generatedId = useId();\r\n  const inputId = id || generatedId;\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n  const descriptionId = description ? `${inputId}-description` : undefined;\r\n  const errorId = error ? `${inputId}-error` : undefined;\r\n\r\n  const invalidRange = min && max ? min > max : false;\r\n  const outOfBounds = value\r\n    ? (min ? value < min : false) || (max ? value > max : false)\r\n    : false;\r\n\r\n  const openPicker = () => {\r\n    const el = inputRef.current;\r\n    if (!el) return;\r\n    if (typeof el.showPicker === \"function\") el.showPicker();\r\n    else el.focus();\r\n  };\r\n\r\n  const pickerClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        disabled && classMap.disabled,\r\n        className\r\n      ),\r\n    [\r\n      classMap,\r\n      theme,\r\n      state,\r\n      size,\r\n      shadow,\r\n      rounding,\r\n      outline,\r\n      disabled,\r\n      className,\r\n    ]\r\n  );\r\n\r\n  const describedBy =\r\n    [descriptionId, errorId].filter(Boolean).join(\" \") || undefined;\r\n\r\n  return (\r\n    <div className={pickerClass} data-testid={testId}>\r\n      {label && (\r\n        <label htmlFor={inputId} className={classMap.label}>\r\n          {label} {required && <span aria-hidden=\"true\">*</span>}\r\n        </label>\r\n      )}\r\n\r\n      <div className={classMap.inputWrapper}>\r\n        <input\r\n          id={inputId}\r\n          type=\"datetime-local\"\r\n          className={classMap.input}\r\n          value={value}\r\n          onChange={(e) => onChange?.(e.target.value)}\r\n          min={min}\r\n          max={max}\r\n          name={name}\r\n          ref={inputRef}\r\n          required={required}\r\n          disabled={disabled}\r\n          aria-invalid={\r\n            Boolean(error) || invalidRange || outOfBounds || undefined\r\n          }\r\n          aria-describedby={describedBy}\r\n          aria-errormessage={error ? errorId : undefined}\r\n          aria-label={label || \"Date and time\"}\r\n          data-testid={`${testId}-input`}\r\n          autoComplete=\"off\"\r\n        />\r\n\r\n        <button\r\n          type=\"button\"\r\n          className={classMap.icon}\r\n          onClick={openPicker}\r\n          disabled={disabled}\r\n          aria-label=\"Open date and time picker\"\r\n          data-testid={`${testId}-button`}\r\n        >\r\n          <CalendarIcon />\r\n        </button>\r\n      </div>\r\n\r\n      {description && !error && (\r\n        <p id={descriptionId} className={classMap.description}>\r\n          {description}\r\n        </p>\r\n      )}\r\n\r\n      {error && (\r\n        <p id={errorId} className={classMap.error} role=\"alert\">\r\n          {error}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\nDateTimePickerBase.displayName = \"DateTimePickerBase\";\r\nexport default DateTimePickerBase;\r\n","import React from \"react\";\r\nimport DateTimePickerBase from \"../DateTimePickerBase\";\r\nimport \"./DateTimePicker.scss\";\r\nimport type { DateTimePickerProps } from \"../DateTimePicker.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"datetime_picker_wrapper\",\r\n  label: \"datetime_picker_label\",\r\n  inputWrapper: \"datetime_picker_input_wrapper\",\r\n  input: \"datetime_picker_input\",\r\n\r\n  primary: \"datetime_picker_primary\",\r\n  secondary: \"datetime_picker_secondary\",\r\n  tertiary: \"datetime_picker_tertiary\",\r\n  quaternary: \"datetime_picker_quaternary\",\r\n\r\n  success: \"datetime_picker_success\",\r\n  error: \"datetime_picker_error\",\r\n  warning: \"datetime_picker_warning\",\r\n\r\n  clear: \"datetime_picker_clear\",\r\n\r\n  xs: \"datetime_picker_xs\",\r\n  small: \"datetime_picker_small\",\r\n  medium: \"datetime_picker_medium\",\r\n  large: \"datetime_picker_large\",\r\n  xl: \"datetime_picker_xl\",\r\n\r\n  outline: \"datetime_picker_outline\",\r\n  disabled: \"datetime_picker_disabled\",\r\n  icon: \"datetime_picker_icon\",\r\n\r\n  shadowNone: \"datetime_picker_shadow-None\",\r\n  shadowLight: \"datetime_picker_shadow-Light\",\r\n  shadowMedium: \"datetime_picker_shadow-Medium\",\r\n  shadowStrong: \"datetime_picker_shadow-Strong\",\r\n  shadowIntense: \"datetime_picker_shadow-Intense\",\r\n\r\n  roundNone: \"datetime_picker_round-None\",\r\n  roundSmall: \"datetime_picker_round-Small\",\r\n  roundMedium: \"datetime_picker_round-Medium\",\r\n  roundLarge: \"datetime_picker_round-Large\",\r\n};\r\n\r\nconst DateTimePicker: React.FC<DateTimePickerProps> = (props) => (\r\n  <DateTimePickerBase {...props} classMap={classes} />\r\n);\r\nDateTimePicker.displayName = \"DateTimePicker\";\r\nexport default DateTimePicker;\r\n"],"names":[],"mappings":"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"}

package/dist/core/DateTimePicker-Dh83Kd8i.cjs

@@ -1,203 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const React = require("react");
-const classNames = require("./classNames-BcWMx052.cjs");
-const capitalize = require("./capitalize-DoV-nOmN.cjs");
-const borealStyleConfig = require("./boreal-style-config-C1UIwOFN.cjs");
-const CalendarIcon = (props) => /* @__PURE__ */ jsxRuntime.jsxs(
-  "svg",
-  {
-    width: "24px",
-    height: "24px",
-    strokeWidth: "1.5",
-    viewBox: "0 0 24 24",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    color: "currentColor",
-    ...props,
-    children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M15 4V2M15 4V6M15 4H10.5M3 10V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V10H3Z",
-          stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M3 10V6C3 4.89543 3.89543 4 5 4H7",
-          stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M7 2V6",
-          stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "path",
-        {
-          d: "M21 10V6C21 4.89543 20.1046 4 19 4H18.5",
-          stroke: "currentColor",
-          strokeWidth: "1.5",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        }
-      )
-    ]
-  }
-);
-const DateTimePickerBase = ({
-  label,
-  value,
-  onChange,
-  min,
-  max,
-  name,
-  required = false,
-  disabled = false,
-  size = borealStyleConfig.getDefaultSize(),
-  outline,
-  theme = borealStyleConfig.getDefaultTheme(),
-  state = "",
-  rounding = borealStyleConfig.getDefaultRounding(),
-  shadow = borealStyleConfig.getDefaultShadow(),
-  className = "",
-  "data-testid": testId = "datetime-picker",
-  classMap,
-  error,
-  description,
-  id
-}) => {
-  const generatedId = React.useId();
-  const inputId = id || generatedId;
-  const inputRef = React.useRef(null);
-  const descriptionId = description ? `${inputId}-description` : void 0;
-  const errorId = error ? `${inputId}-error` : void 0;
-  const invalidRange = min && max ? min > max : false;
-  const outOfBounds = value ? (min ? value < min : false) || (max ? value > max : false) : false;
-  const openPicker = () => {
-    const el = inputRef.current;
-    if (!el) return;
-    if (typeof el.showPicker === "function") el.showPicker();
-    else el.focus();
-  };
-  const pickerClass = React.useMemo(
-    () => classNames.combineClassNames(
-      classMap.wrapper,
-      classMap[theme],
-      classMap[state],
-      classMap[size],
-      shadow && classMap[`shadow${capitalize.capitalize(shadow)}`],
-      rounding && classMap[`round${capitalize.capitalize(rounding)}`],
-      outline && classMap.outline,
-      disabled && classMap.disabled,
-      className
-    ),
-    [
-      classMap,
-      theme,
-      state,
-      size,
-      shadow,
-      rounding,
-      outline,
-      disabled,
-      className
-    ]
-  );
-  const describedBy = [descriptionId, errorId].filter(Boolean).join(" ") || void 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: pickerClass, "data-testid": testId, children: [
-    label && /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: inputId, className: classMap.label, children: [
-      label,
-      " ",
-      required && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "*" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classMap.inputWrapper, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          id: inputId,
-          type: "datetime-local",
-          className: classMap.input,
-          value,
-          onChange: (e) => onChange == null ? void 0 : onChange(e.target.value),
-          min,
-          max,
-          name,
-          ref: inputRef,
-          required,
-          disabled,
-          "aria-invalid": Boolean(error) || invalidRange || outOfBounds || void 0,
-          "aria-describedby": describedBy,
-          "aria-errormessage": error ? errorId : void 0,
-          "aria-label": label || "Date and time",
-          "data-testid": `${testId}-input`,
-          autoComplete: "off"
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          className: classMap.icon,
-          onClick: openPicker,
-          disabled,
-          "aria-label": "Open date and time picker",
-          "data-testid": `${testId}-button`,
-          children: /* @__PURE__ */ jsxRuntime.jsx(CalendarIcon, {})
-        }
-      )
-    ] }),
-    description && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: descriptionId, className: classMap.description, children: description }),
-    error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, className: classMap.error, role: "alert", children: error })
-  ] });
-};
-DateTimePickerBase.displayName = "DateTimePickerBase";
-const classes = {
-  wrapper: "datetime_picker_wrapper",
-  label: "datetime_picker_label",
-  inputWrapper: "datetime_picker_input_wrapper",
-  input: "datetime_picker_input",
-  primary: "datetime_picker_primary",
-  secondary: "datetime_picker_secondary",
-  tertiary: "datetime_picker_tertiary",
-  quaternary: "datetime_picker_quaternary",
-  success: "datetime_picker_success",
-  error: "datetime_picker_error",
-  warning: "datetime_picker_warning",
-  clear: "datetime_picker_clear",
-  xs: "datetime_picker_xs",
-  small: "datetime_picker_small",
-  medium: "datetime_picker_medium",
-  large: "datetime_picker_large",
-  xl: "datetime_picker_xl",
-  outline: "datetime_picker_outline",
-  disabled: "datetime_picker_disabled",
-  icon: "datetime_picker_icon",
-  shadowNone: "datetime_picker_shadow-None",
-  shadowLight: "datetime_picker_shadow-Light",
-  shadowMedium: "datetime_picker_shadow-Medium",
-  shadowStrong: "datetime_picker_shadow-Strong",
-  shadowIntense: "datetime_picker_shadow-Intense",
-  roundNone: "datetime_picker_round-None",
-  roundSmall: "datetime_picker_round-Small",
-  roundMedium: "datetime_picker_round-Medium",
-  roundLarge: "datetime_picker_round-Large"
-};
-const DateTimePicker = (props) => /* @__PURE__ */ jsxRuntime.jsx(DateTimePickerBase, { ...props, classMap: classes });
-DateTimePicker.displayName = "DateTimePicker";
-exports.DateTimePicker = DateTimePicker;
-//# sourceMappingURL=DateTimePicker-Dh83Kd8i.cjs.map