@mage-ui/components 1.0.63 → 1.0.64

package/dist/components/controls/select/Select.d.mts

@@ -1,38 +0,0 @@
-import { DropdownProps } from "../dropdown/Dropdown.mjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import { ReactNode } from "react";
-
-//#region src/components/controls/select/Select.d.ts
-type SelectProps = Omit<DropdownProps, 'classNames' | 'onChange' | 'onBlur' | 'onFocus' | 'onClick' | 'setValue' | 'children'> & {
-  searchable?: boolean;
-  searchPlaceholder?: string;
-  emptyMessage?: ReactNode;
-  options: {
-    id: string | number;
-    value: string;
-  }[];
-  btnClearLabel?: string;
-  classNames?: Omit<NonNullable<DropdownProps['classNames']>, 'dropdown'> & {
-    select?: string;
-  };
-};
-declare const Select: ({
-  name,
-  label,
-  placeholder,
-  options,
-  error,
-  disabled,
-  startSlot,
-  withinPortal,
-  keepMounted,
-  clearable,
-  searchable,
-  searchPlaceholder,
-  emptyMessage,
-  btnClearLabel,
-  classNames
-}: SelectProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-export { Select, SelectProps };
-//# sourceMappingURL=Select.d.mts.map

package/dist/components/controls/select/Select.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.d.mts","names":[],"sources":["../../../../src/components/controls/select/Select.tsx"],"mappings":";;;;;KAmCY,WAAA,GAAc,IAAA,CACxB,aAAA;EASA,UAAA;EACA,iBAAA;EACA,YAAA,GAAe,SAAA;EACf,OAAA;IACE,EAAA;IACA,KAAA;EAAA;EAEF,aAAA;EACA,UAAA,GAAa,IAAA,CAAK,WAAA,CAAY,aAAA;IAC5B,MAAA;EAAA;AAAA;AAAA,cAIS,MAAA;EAAU,IAAA;EAAA,KAAA;EAAA,WAAA;EAAA,OAAA;EAAA,KAAA;EAAA,QAAA;EAAA,SAAA;EAAA,YAAA;EAAA,WAAA;EAAA,SAAA;EAAA,UAAA;EAAA,iBAAA;EAAA,YAAA;EAAA,aAAA;EAAA;AAAA,GAgBpB,WAAA,KAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/controls/select/Select.mjs

@@ -1,2 +0,0 @@
-import{Dropdown as e}from"../dropdown/Dropdown.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{select as n,selectChevron as r,selectChevronIcon as i,selectChevronIconRoot as a,selectChevronRoot as o,selectClearButton as s,selectClearButtonIcon as c,selectClearButtonIconRaw as l,selectClearButtonIconRawRoot as u,selectClearButtonRoot as d,selectEmpty as f,selectOption as p,selectOptions as m,selectRoot as h,selectScrollAreaAutosize as g,selectSearch as _,selectTextInput as v,selectTextInputDescription as y,selectTextInputError as b,selectTextInputInput as x,selectTextInputLabel as S,selectTextInputRequired as C,selectTextInputRoot as w,selectTextInputSection as T,selectTextInputWrapper as E}from"@mage-ui/styled-system/recipes";import{jsx as D,jsxs as O}from"react/jsx-runtime";import{useState as k}from"react";const A=({name:A,label:j,placeholder:M,options:N,error:P,disabled:F,startSlot:I,withinPortal:L=!1,keepMounted:R,clearable:z,searchable:B,searchPlaceholder:V,emptyMessage:H,btnClearLabel:U=`Clear selection`,classNames:W})=>{let[G,K]=k(``),[q,J]=k({id:``,value:``}),Y=(B?N.filter(e=>e.value.toLowerCase().includes(G.toLowerCase().trim())):N).map(t=>D(e.Option,{value:t.value,children:t.value},t.id));return O(e,{readOnly:!0,startSlot:I,name:A,label:j,placeholder:M,error:P,disabled:F,withinPortal:L,keepMounted:R,clearable:z,chevron:!0,btnClearLabel:U,onClick:e=>e.openDropdown(),onFocus:e=>e.openDropdown(),onBlur:e=>{!B&&e.closeDropdown()},onChange:e=>{e.openDropdown(),e.updateSelectedOptionIndex()},setValue:(e,t)=>{if(e===void 0){J({id:``,value:``}),K(``);return}J(N.find(t=>t.value===e)??{id:``,value:``}),K(``),t.closeDropdown()},value:q?.value,classNames:{dropdown:W?.select??n(),root:W?.root??h(),options:W?.options??m(),option:W?.option??p(),empty:W?.empty??f(),search:W?.search??_(),textInput:{root:W?.textInput?.root??t(v(),w()),label:W?.textInput?.label??S(),description:W?.textInput?.description??y(),error:W?.textInput?.error??b(),wrapper:W?.textInput?.wrapper??E(),input:W?.textInput?.input??x(),section:W?.textInput?.section??T(),required:W?.textInput?.required??C(),endSlot:{chevron:{iconWrapped:W?.textInput?.endSlot?.chevron?.iconWrapped??r(),root:W?.textInput?.endSlot?.chevron?.root??o(),open:{iconRaw:W?.textInput?.endSlot?.chevron?.open?.iconRaw??i(),root:W?.textInput?.endSlot?.chevron?.open?.root??a()},close:{iconRaw:W?.textInput?.endSlot?.chevron?.close?.iconRaw??i(),root:W?.textInput?.endSlot?.chevron?.close?.root??a({invert:!0})}},clearButton:{buttonIcon:W?.textInput?.endSlot?.clearButton?.buttonIcon??s(),root:W?.textInput?.endSlot?.clearButton?.root??d(),icon:W?.textInput?.endSlot?.clearButton?.icon??c(),iconRaw:{iconRaw:W?.textInput?.endSlot?.clearButton?.iconRaw?.iconRaw??l(),root:W?.textInput?.endSlot?.clearButton?.iconRaw?.root??u()}}}},scrollArea:{scrollArea:W?.scrollArea?.scrollArea??g()}},children:[B&&D(e.Search,{value:G,onChange:e=>K(e.currentTarget.value),placeholder:V}),D(e.Options,{children:Y.length>0?Y:D(e.Empty,{children:H})})]})};export{A as Select};
-//# sourceMappingURL=Select.mjs.map

package/dist/components/controls/select/Select.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.mjs","names":[],"sources":["../../../../src/components/controls/select/Select.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport { useState } from 'react';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n  select,\n  selectChevron,\n  selectChevronIcon,\n  selectChevronIconRoot,\n  selectChevronRoot,\n  selectClearButton,\n  selectClearButtonIcon,\n  selectClearButtonIconRaw,\n  selectClearButtonIconRawRoot,\n  selectClearButtonRoot,\n  selectEmpty,\n  selectOption,\n  selectOptions,\n  selectRoot,\n  selectScrollAreaAutosize,\n  selectSearch,\n  selectTextInput,\n  selectTextInputDescription,\n  selectTextInputError,\n  selectTextInputInput,\n  selectTextInputLabel,\n  selectTextInputRequired,\n  selectTextInputRoot,\n  selectTextInputSection,\n  selectTextInputWrapper,\n} from '@mage-ui/styled-system/recipes';\n\nimport type { DropdownProps } from '../dropdown/Dropdown';\nimport { Dropdown } from '../dropdown/Dropdown';\n\nexport type SelectProps = Omit<\n  DropdownProps,\n  | 'classNames'\n  | 'onChange'\n  | 'onBlur'\n  | 'onFocus'\n  | 'onClick'\n  | 'setValue'\n  | 'children'\n> & {\n  searchable?: boolean;\n  searchPlaceholder?: string;\n  emptyMessage?: ReactNode;\n  options: {\n    id: string | number;\n    value: string;\n  }[];\n  btnClearLabel?: string;\n  classNames?: Omit<NonNullable<DropdownProps['classNames']>, 'dropdown'> & {\n    select?: string;\n  };\n};\n\nexport const Select = ({\n  name,\n  label,\n  placeholder,\n  options,\n  error,\n  disabled,\n  startSlot,\n  withinPortal = false,\n  keepMounted,\n  clearable,\n  searchable,\n  searchPlaceholder,\n  emptyMessage,\n  btnClearLabel = 'Clear selection',\n  classNames,\n}: SelectProps) => {\n  const [search, setSearch] = useState('');\n\n  const [value, setValue] = useState<{ id: string | number; value: string }>({\n    id: '',\n    value: '',\n  });\n\n  const filteredOptions = searchable\n    ? options.filter((item) =>\n        item.value.toLowerCase().includes(search.toLowerCase().trim()),\n      )\n    : options;\n\n  const optionsList = filteredOptions.map((item) => (\n    <Dropdown.Option value={item.value} key={item.id}>\n      {item.value}\n    </Dropdown.Option>\n  ));\n\n  return (\n    <Dropdown\n      readOnly\n      startSlot={startSlot}\n      name={name}\n      label={label}\n      placeholder={placeholder}\n      error={error}\n      disabled={disabled}\n      withinPortal={withinPortal}\n      keepMounted={keepMounted}\n      clearable={clearable}\n      chevron={true}\n      btnClearLabel={btnClearLabel}\n      onClick={(combobox) => combobox.openDropdown()}\n      onFocus={(combobox) => combobox.openDropdown()}\n      onBlur={(combobox) => {\n        !searchable && combobox.closeDropdown();\n      }}\n      onChange={(combobox) => {\n        combobox.openDropdown();\n        combobox.updateSelectedOptionIndex();\n      }}\n      setValue={(val, combobox) => {\n        if (val === undefined) {\n          setValue({ id: '', value: '' });\n          setSearch('');\n          return;\n        }\n        const option = options.find((option) => option.value === val);\n        setValue(option ?? { id: '', value: '' });\n        setSearch('');\n        combobox.closeDropdown();\n      }}\n      value={value?.value}\n      classNames={{\n        dropdown: classNames?.select ?? select(),\n        root: classNames?.root ?? selectRoot(),\n        options: classNames?.options ?? selectOptions(),\n        option: classNames?.option ?? selectOption(),\n        empty: classNames?.empty ?? selectEmpty(),\n        search: classNames?.search ?? selectSearch(),\n        textInput: {\n          root:\n            classNames?.textInput?.root ??\n            cx(selectTextInput(), selectTextInputRoot()),\n          label: classNames?.textInput?.label ?? selectTextInputLabel(),\n          description:\n            classNames?.textInput?.description ?? selectTextInputDescription(),\n          error: classNames?.textInput?.error ?? selectTextInputError(),\n          wrapper: classNames?.textInput?.wrapper ?? selectTextInputWrapper(),\n          input: classNames?.textInput?.input ?? selectTextInputInput(),\n          section: classNames?.textInput?.section ?? selectTextInputSection(),\n          required:\n            classNames?.textInput?.required ?? selectTextInputRequired(),\n          endSlot: {\n            chevron: {\n              iconWrapped:\n                classNames?.textInput?.endSlot?.chevron?.iconWrapped ??\n                selectChevron(),\n              root:\n                classNames?.textInput?.endSlot?.chevron?.root ??\n                selectChevronRoot(),\n              open: {\n                iconRaw:\n                  classNames?.textInput?.endSlot?.chevron?.open?.iconRaw ??\n                  selectChevronIcon(),\n                root:\n                  classNames?.textInput?.endSlot?.chevron?.open?.root ??\n                  selectChevronIconRoot(),\n              },\n              close: {\n                iconRaw:\n                  classNames?.textInput?.endSlot?.chevron?.close?.iconRaw ??\n                  selectChevronIcon(),\n                root:\n                  classNames?.textInput?.endSlot?.chevron?.close?.root ??\n                  selectChevronIconRoot({ invert: true }),\n              },\n            },\n            clearButton: {\n              buttonIcon:\n                classNames?.textInput?.endSlot?.clearButton?.buttonIcon ??\n                selectClearButton(),\n              root:\n                classNames?.textInput?.endSlot?.clearButton?.root ??\n                selectClearButtonRoot(),\n              icon:\n                classNames?.textInput?.endSlot?.clearButton?.icon ??\n                selectClearButtonIcon(),\n              iconRaw: {\n                iconRaw:\n                  classNames?.textInput?.endSlot?.clearButton?.iconRaw\n                    ?.iconRaw ?? selectClearButtonIconRaw(),\n                root:\n                  classNames?.textInput?.endSlot?.clearButton?.iconRaw?.root ??\n                  selectClearButtonIconRawRoot(),\n              },\n            },\n          },\n        },\n        scrollArea: {\n          scrollArea:\n            classNames?.scrollArea?.scrollArea ?? selectScrollAreaAutosize(),\n        },\n      }}\n    >\n      {searchable && (\n        <Dropdown.Search\n          value={search}\n          onChange={(event) => setSearch(event.currentTarget.value)}\n          placeholder={searchPlaceholder}\n        />\n      )}\n      <Dropdown.Options>\n        {optionsList.length > 0 ? (\n          optionsList\n        ) : (\n          <Dropdown.Empty>{emptyMessage}</Dropdown.Empty>\n        )}\n      </Dropdown.Options>\n    </Dropdown>\n  );\n};\n"],"mappings":"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"}

package/dist/components/controls/utils/chevron/Chevron.d.mts

@@ -1,27 +0,0 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/components/controls/utils/chevron/Chevron.d.ts
-type ChevronProps = {
-  chevronOpen: string;
-  chevronClose?: string;
-  classNames?: {
-    iconWrapped?: string;
-    root?: string;
-    open?: {
-      iconRaw?: string;
-      root?: string;
-    };
-    close?: {
-      iconRaw?: string;
-      root?: string;
-    };
-  };
-};
-declare const Chevron: ({
-  chevronOpen,
-  chevronClose,
-  classNames
-}: ChevronProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-export { Chevron, ChevronProps };
-//# sourceMappingURL=Chevron.d.mts.map

package/dist/components/controls/utils/chevron/Chevron.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chevron.d.mts","names":[],"sources":["../../../../../src/components/controls/utils/chevron/Chevron.tsx"],"mappings":";;;KAQY,YAAA;EACV,WAAA;EACA,YAAA;EACA,UAAA;IACE,WAAA;IACA,IAAA;IACA,IAAA;MACE,OAAA;MACA,IAAA;IAAA;IAEF,KAAA;MACE,OAAA;MACA,IAAA;IAAA;EAAA;AAAA;AAAA,cAKO,OAAA;EAAW,WAAA;EAAA,YAAA;EAAA;AAAA,GAIrB,YAAA,KAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/controls/utils/chevron/Chevron.mjs

@@ -1,2 +0,0 @@
-import{IconRaw as e}from"../../../data-display/icons/icon-raw/IconRaw.mjs";import{IconWrapped as t}from"../../../data-display/icons/icon-wrapped/IconWrapped.mjs";import{chevron as n,chevronIcon as r,chevronIconRoot as i,chevronRoot as a}from"@mage-ui/styled-system/recipes";import{jsx as o,jsxs as s}from"react/jsx-runtime";const c=({chevronOpen:c,chevronClose:l,classNames:u})=>s(t,{classNames:{iconWrapped:u?.iconWrapped??n(),root:u?.root??a()},children:[o(e,{name:c,path:`/icons/sprite-mage.svg`,classNames:{iconRaw:u?.open?.iconRaw??r(),root:u?.open?.root??i()}}),o(e,{name:l||c,path:`/icons/sprite-mage.svg`,classNames:{iconRaw:u?.close?.iconRaw??r(),root:u?.close?.root??i({invert:!0})}})]});export{c as Chevron};
-//# sourceMappingURL=Chevron.mjs.map

package/dist/components/controls/utils/chevron/Chevron.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chevron.mjs","names":[],"sources":["../../../../../src/components/controls/utils/chevron/Chevron.tsx"],"sourcesContent":["import {\n  chevron,\n  chevronIcon,\n  chevronIconRoot,\n  chevronRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { IconRaw, IconWrapped } from '@/components/data-display';\n\nexport type ChevronProps = {\n  chevronOpen: string;\n  chevronClose?: string;\n  classNames?: {\n    iconWrapped?: string;\n    root?: string;\n    open?: {\n      iconRaw?: string;\n      root?: string;\n    };\n    close?: {\n      iconRaw?: string;\n      root?: string;\n    };\n  };\n};\n\nexport const Chevron = ({\n  chevronOpen,\n  chevronClose,\n  classNames,\n}: ChevronProps) => {\n  return (\n    <IconWrapped\n      classNames={{\n        iconWrapped: classNames?.iconWrapped ?? chevron(),\n        root: classNames?.root ?? chevronRoot(),\n      }}\n    >\n      <IconRaw\n        name={chevronOpen}\n        path='/icons/sprite-mage.svg'\n        classNames={{\n          iconRaw: classNames?.open?.iconRaw ?? chevronIcon(),\n          root: classNames?.open?.root ?? chevronIconRoot(),\n        }}\n      />\n      <IconRaw\n        name={chevronClose || chevronOpen}\n        path='/icons/sprite-mage.svg'\n        classNames={{\n          iconRaw: classNames?.close?.iconRaw ?? chevronIcon(),\n          root: classNames?.close?.root ?? chevronIconRoot({ invert: true }),\n        }}\n      />\n    </IconWrapped>\n  );\n};\n"],"mappings":"oUAyBA,MAAa,GAAW,CACtB,cACA,eACA,gBAGE,EAAC,EAAA,CACC,WAAY,CACV,YAAa,GAAY,aAAe,GAAS,CACjD,KAAM,GAAY,MAAQ,GAAa,CACxC,WAED,EAAC,EAAA,CACC,KAAM,EACN,KAAK,yBACL,WAAY,CACV,QAAS,GAAY,MAAM,SAAW,GAAa,CACnD,KAAM,GAAY,MAAM,MAAQ,GAAiB,CAClD,EACD,CACF,EAAC,EAAA,CACC,KAAM,GAAgB,EACtB,KAAK,yBACL,WAAY,CACV,QAAS,GAAY,OAAO,SAAW,GAAa,CACpD,KAAM,GAAY,OAAO,MAAQ,EAAgB,CAAE,OAAQ,GAAM,CAAC,CACnE,EACD,CAAA,EACU"}

package/dist/components/controls/utils/clear-button/ClearButton.d.mts

@@ -1,26 +0,0 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-
-//#region src/components/controls/utils/clear-button/ClearButton.d.ts
-type ClearButtonProps = {
-  label: string;
-  onClick: () => void;
-  name?: string;
-  classNames?: {
-    buttonIcon?: string;
-    root?: string;
-    icon?: string;
-    iconRaw?: {
-      iconRaw?: string;
-      root?: string;
-    };
-  };
-};
-declare const ClearButton: ({
-  label,
-  onClick,
-  name,
-  classNames
-}: ClearButtonProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-export { ClearButton, ClearButtonProps };
-//# sourceMappingURL=ClearButton.d.mts.map

package/dist/components/controls/utils/clear-button/ClearButton.d.mts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClearButton.d.mts","names":[],"sources":["../../../../../src/components/controls/utils/clear-button/ClearButton.tsx"],"mappings":";;;KASY,gBAAA;EACV,KAAA;EACA,OAAA;EACA,IAAA;EACA,UAAA;IACE,UAAA;IACA,IAAA;IACA,IAAA;IACA,OAAA;MACE,OAAA;MACA,IAAA;IAAA;EAAA;AAAA;AAAA,cAKO,WAAA;EAAe,KAAA;EAAA,OAAA;EAAA,IAAA;EAAA;AAAA,GAKzB,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/controls/utils/clear-button/ClearButton.mjs

@@ -1,2 +0,0 @@
-import{ButtonIcon as e}from"../../../buttons/button-icon/ButtonIcon.mjs";import{clearButton as t,clearButtonIcon as n,clearButtonIconRaw as r,clearButtonIconRawRoot as i,clearButtonRoot as a}from"@mage-ui/styled-system/recipes";import{jsx as o}from"react/jsx-runtime";const s=({label:s,onClick:c,name:l=`x`,classNames:u})=>o(e,{label:s,path:`/icons/sprite-mage.svg`,name:l,onClick:c,classNames:{buttonIcon:u?.buttonIcon??t(),root:u?.root??a(),icon:u?.icon??n(),iconRaw:{iconRaw:u?.iconRaw?.iconRaw??r(),root:u?.iconRaw?.root??i()}}});export{s as ClearButton};
-//# sourceMappingURL=ClearButton.mjs.map

package/dist/components/controls/utils/clear-button/ClearButton.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClearButton.mjs","names":[],"sources":["../../../../../src/components/controls/utils/clear-button/ClearButton.tsx"],"sourcesContent":["import {\n  clearButton,\n  clearButtonIcon,\n  clearButtonIconRaw,\n  clearButtonIconRawRoot,\n  clearButtonRoot,\n} from '@mage-ui/styled-system/recipes';\nimport { ButtonIcon } from '@/components/buttons';\n\nexport type ClearButtonProps = {\n  label: string;\n  onClick: () => void;\n  name?: string;\n  classNames?: {\n    buttonIcon?: string;\n    root?: string;\n    icon?: string;\n    iconRaw?: {\n      iconRaw?: string;\n      root?: string;\n    };\n  };\n};\n\nexport const ClearButton = ({\n  label,\n  onClick,\n  name = 'x',\n  classNames,\n}: ClearButtonProps) => {\n  return (\n    <ButtonIcon\n      label={label}\n      path='/icons/sprite-mage.svg'\n      name={name}\n      onClick={onClick}\n      classNames={{\n        buttonIcon: classNames?.buttonIcon ?? clearButton(),\n        root: classNames?.root ?? clearButtonRoot(),\n        icon: classNames?.icon ?? clearButtonIcon(),\n        iconRaw: {\n          iconRaw: classNames?.iconRaw?.iconRaw ?? clearButtonIconRaw(),\n          root: classNames?.iconRaw?.root ?? clearButtonIconRawRoot(),\n        },\n      }}\n    />\n  );\n};\n"],"mappings":"4QAwBA,MAAa,GAAe,CAC1B,QACA,UACA,OAAO,IACP,gBAGE,EAAC,EAAA,CACQ,QACP,KAAK,yBACC,OACG,UACT,WAAY,CACV,WAAY,GAAY,YAAc,GAAa,CACnD,KAAM,GAAY,MAAQ,GAAiB,CAC3C,KAAM,GAAY,MAAQ,GAAiB,CAC3C,QAAS,CACP,QAAS,GAAY,SAAS,SAAW,GAAoB,CAC7D,KAAM,GAAY,SAAS,MAAQ,GAAwB,CAC5D,CACF,EACD"}

package/dist/components/controls/utils/index.d.mts

@@ -1,2 +0,0 @@
-import { Chevron, ChevronProps } from "./chevron/Chevron.mjs";
-import { ClearButton, ClearButtonProps } from "./clear-button/ClearButton.mjs";