@zonos/amino 5.5.30 → 5.5.32

package/components/select/Select.d.ts

@@ -0,0 +1,127 @@
+import type { ReactNode } from 'react';
+import type { ActionMeta, GroupBase, Props, SelectComponentsConfig, StylesConfig } from 'react-select';
+import type { HelpTextProps } from "../help-text/HelpText";
+import type { BaseProps } from "../../types/BaseProps";
+import type { SelectOption, SelectValue } from "../../types/SelectOption";
+import type { Size } from "../../types/Size";
+type RequiredProps = 'options' | 'value';
+export type SelectProps<V extends SelectValue = SelectValue, Option = SelectOption<V>, IsMulti extends false = false, Group extends GroupBase<Option> = GroupBase<Option>> = BaseProps & {
+    /** Close the select dropdown menu when scrolling outside of menu to prevent graphical jank */
+    closeOnOutsideScroll?: boolean;
+    components?: SelectComponentsConfig<Option, IsMulti, Group>;
+    /**
+     * An easier way to override the option rendering without having to use the typical component props and recreating all the styles.
+     */
+    customOption?: (value: V) => ReactNode;
+    hasGroups?: boolean;
+    icon?: ReactNode;
+    label?: string;
+    /**
+     * @example
+     * onChange={changed => setExampleValue(changed?.value || null)}
+     */
+    onChange: (changed: Option | null, actionMeta: ActionMeta<Option>) => void;
+    size?: Size;
+    styles?: StylesConfig<Option, IsMulti, Group>;
+    /**
+     * @example
+     * value={options.filter(x => x.value === exampleValue)}
+     */
+    value: Option[] | Option | null;
+} & Omit<Props<Option, IsMulti, Group>, 'isMulti' | RequiredProps> & Required<Pick<Props<Option, IsMulti, Group>, RequiredProps>> & HelpTextProps;
+/**
+ * Select component that allows users to select one option from a dropdown list.
+ * It's a wrapper around react-select with Amino styling and additional features.
+ *
+ * @example Basic usage
+ * <Select
+ *   label="Currency"
+ *   options={[
+ *     { label: 'US Dollar (USD)', value: 'USD' },
+ *     { label: 'Euro (EUR)', value: 'EUR' },
+ *     { label: 'British Pound (GBP)', value: 'GBP' }
+ *   ]}
+ *   value={{ label: 'US Dollar (USD)', value: 'USD' }}
+ *   onChange={(option) => setValue(option)}
+ * />
+ *
+ * @example With search functionality
+ * <Select
+ *   label="Currency"
+ *   options={currencyOptions}
+ *   value={selectedCurrency}
+ *   onChange={(option) => setSelectedCurrency(option)}
+ *   isSearchable={true}
+ *   placeholder="Search for a currency..."
+ * />
+ *
+ * @example With icon
+ * <Select
+ *   label="Currency"
+ *   icon={<MoneyIcon size={24} />}
+ *   options={currencyOptions}
+ *   value={selectedCurrency}
+ *   onChange={(option) => setSelectedCurrency(option)}
+ * />
+ *
+ * @example With error state
+ * <Select
+ *   label="Currency"
+ *   options={currencyOptions}
+ *   value={selectedCurrency}
+ *   onChange={(option) => setSelectedCurrency(option)}
+ *   error={true}
+ *   helpText="Please select a currency"
+ * />
+ *
+ * @example With option icons
+ * <Select
+ *   label="Country"
+ *   options={[
+ *     { label: 'United States', value: 'US', icon: <FlagIcon code="US" iconScale="small" /> },
+ *     { label: 'Canada', value: 'CA', icon: <FlagIcon code="CA" iconScale="small" /> },
+ *     { label: 'Mexico', value: 'MX', icon: <FlagIcon code="MX" iconScale="small" /> }
+ *   ]}
+ *   value={selectedCountry}
+ *   onChange={(option) => setSelectedCountry(option)}
+ * />
+ *
+ * @example With custom option rendering
+ * <Select
+ *   label="Currency"
+ *   options={currencyOptions}
+ *   value={selectedCurrency}
+ *   onChange={(option) => setSelectedCurrency(option)}
+ *   customOption={(value) => (
+ *     <div style={{ display: 'flex', justifyContent: 'space-between' }}>
+ *       <span>{value}</span>
+ *       <span style={{ color: 'gray' }}>Rate: 1.0</span>
+ *     </div>
+ *   )}
+ * />
+ *
+ * @example With custom styles
+ * <Select
+ *   label="Currency"
+ *   options={currencyOptions}
+ *   value={selectedCurrency}
+ *   onChange={(option) => setSelectedCurrency(option)}
+ *   styles={{
+ *     menu: (base) => ({
+ *       ...base,
+ *       background: theme.blue100,
+ *     }),
+ *   }}
+ * />
+ *
+ * @example In a dialog with scrolling
+ * <Select
+ *   label="Currency"
+ *   options={currencyOptions}
+ *   value={selectedCurrency}
+ *   onChange={(option) => setSelectedCurrency(option)}
+ *   closeOnOutsideScroll={true}
+ * />
+ */
+export declare const Select: <V extends SelectValue, Option extends SelectOption<V>, Group extends GroupBase<Option> = GroupBase<Option>>({ isClearable, isSearchable, label, value, ...props }: SelectProps<V, Option, false, Group>) => import("react").JSX.Element;
+export {};

package/components/select/Select.js

@@ -1 +1 @@
-"use strict";var e=require("../../_rollupPluginBabelHelpers-77a6284f.js"),r=require("../../tslib.es6-8c21e256.js"),s=require("./_StyledReactSelect.js");require("react"),require("react-intersection-observer"),require("react-select"),require("clsx"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("../../utils/getTestId.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");exports.Select=function(l){var i=l.isClearable,t=void 0===i||i,c=l.isSearchable,a=void 0!==c&&c,o=l.label,u=l.value,n=r.__rest(l,["isClearable","isSearchable","label","value"]);if(Array.isArray(u)&&u.length>1)throw Error("Only one selection allowed for '".concat(o,"' select (").concat(u.length,") selected."));return React.createElement(s.StyledReactSelect,e._extends({},n,{isClearable:t,isMulti:!1,isSearchable:a,label:o,value:u}))};
+"use strict";var e=require("../../_rollupPluginBabelHelpers-697f213c.js"),r=require("../../tslib.es6-8c21e256.js"),s=require("./_StyledReactSelect.js"),i=require("react/jsx-runtime");require("react"),require("react-intersection-observer"),require("react-select"),require("clsx"),require("../checkbox/Checkbox.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../style-inject.es-d4ddeae4.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("../../utils/getTestId.js"),require("../../icons/DoubleChevronIcon.js"),require("../../icons/RemoveCircleIcon.js"),require("../../icons/RemoveIcon.js");exports.Select=function(l){var t=l.isClearable,c=void 0===t||t,a=l.isSearchable,o=void 0!==a&&a,u=l.label,n=l.value,q=r.__rest(l,["isClearable","isSearchable","label","value"]);if(Array.isArray(n)&&n.length>1)throw Error("Only one selection allowed for '".concat(u,"' select (").concat(n.length,") selected."));return i.jsx(s.StyledReactSelect,e._objectSpread2(e._objectSpread2({},q),{},{isClearable:c,isMulti:!1,isSearchable:o,label:u,value:n}))};

package/components/select/_StyledReactSelect.d.ts

@@ -0,0 +1,22 @@
+import { type ReactNode } from 'react';
+import type { GroupBase, OptionProps, Props, SelectComponentsConfig, StylesConfig } from 'react-select';
+import { type HelpTextProps } from "../help-text/HelpText";
+import type { BaseProps } from "../../types/BaseProps";
+import type { SelectOption, SelectValue } from "../../types/SelectOption";
+import type { Size } from "../../types/Size";
+type AdditionalProps<Value> = {
+    customOption?: (value: Value) => ReactNode;
+    hasGroups?: boolean;
+    icon?: ReactNode;
+    label?: string;
+    size?: Size;
+};
+export declare const CheckboxOptionComponent: <Option extends SelectOption, IsMulti extends boolean, Group extends GroupBase<Option>>(props: OptionProps<Option, IsMulti, Group>) => import("react").JSX.Element;
+export type StyledReactSelectProps<V extends SelectValue, Option extends SelectOption<V>, IsMulti extends boolean, Group extends GroupBase<Option>> = {
+    closeOnOutsideScroll?: boolean;
+    components?: SelectComponentsConfig<Option, IsMulti, Group>;
+    size?: Size;
+    styles?: StylesConfig<Option, IsMulti, Group>;
+} & Props<Option, IsMulti, Group> & HelpTextProps & AdditionalProps<Option['value']> & BaseProps;
+export declare const StyledReactSelect: <V extends SelectValue, Option extends SelectOption<V>, IsMulti extends boolean, Group extends GroupBase<Option>>({ closeOnOutsideScroll, components, customOption, error, hasGroups, helpText, icon, label, menuPosition, placeholder, size, style, ...props }: StyledReactSelectProps<V, Option, IsMulti, Group>) => import("react").JSX.Element;
+export {};

package/components/select/_StyledReactSelect.js

@@ -1 +1 @@
-"use strict";var e=require("../../_rollupPluginBabelHelpers-77a6284f.js"),t=require("../../tslib.es6-8c21e256.js"),o=require("react"),l=require("react-intersection-observer"),n=require("react-select"),a=require("clsx"),i=require("../checkbox/Checkbox.js"),c=require("../help-text/HelpText.js"),r=require("../../icons/CheckmarkIcon.js"),s=require("../../icons/DoubleChevronIcon.js"),d=require("../../icons/RemoveCircleIcon.js"),_=require("../../icons/RemoveIcon.js"),u=require("../../styles/constants/theme.js"),m=require("../../utils/getTestId.js"),p=require("../../style-inject.es-d4ddeae4.js");function S(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../text/Text.js"),require("../../global.module-569e4fd5.js"),require("../../icons/icon-base/_IconBase.js");var g=S(n),h=S(a),v={iconWrapper:"Amino__StyledReactSelect-module__iconWrapper--o6af4",inputLabel:"Amino__StyledReactSelect-module__inputLabel--L2Q9w",hasIcon:"Amino__StyledReactSelect-module__hasIcon--ua8Qm",hasValue:"Amino__StyledReactSelect-module__hasValue--QzRR6",isDisabled:"Amino__StyledReactSelect-module__isDisabled--WwkVj",styledSelectWrapper:"Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S",reactSelectControl:"Amino__StyledReactSelect-module__reactSelectControl--0sbFa",isFocused:"Amino__StyledReactSelect-module__isFocused--cvHNw",menuIsOpen:"Amino__StyledReactSelect-module__menuIsOpen--DlQj5",hasError:"Amino__StyledReactSelect-module__hasError--DJ10C",hasLabel:"Amino__StyledReactSelect-module__hasLabel--2uysz",strongLabel:"Amino__StyledReactSelect-module__strongLabel--iF71N",checkboxOptionIconWrapper:"Amino__StyledReactSelect-module__checkboxOptionIconWrapper--Q91uF",styledSelectOptionWrapper:"Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9",selectedSingleOptionWrapper:"Amino__StyledReactSelect-module__selectedSingleOptionWrapper--0Yd8x",sm:"Amino__StyledReactSelect-module__sm--uRxwS",md:"Amino__StyledReactSelect-module__md--05qsU",lg:"Amino__StyledReactSelect-module__lg--iGesU",xl:"Amino__StyledReactSelect-module__xl--4TfG5"};p.styleInject(".Amino__StyledReactSelect-module__iconWrapper--o6af4{align-items:center;color:var(--amino-gray-700);display:flex;height:24px;justify-content:space-evenly;margin-left:var(--amino-space-8);margin-right:-2px;width:24px}.Amino__StyledReactSelect-module__inputLabel--L2Q9w{color:var(--amino-text-color-secondary);display:block;margin-bottom:8px}.Amino__StyledReactSelect-module__hasIcon--ua8Qm,.Amino__StyledReactSelect-module__hasValue--QzRR6{align-items:center;display:flex}.Amino__StyledReactSelect-module__isDisabled--WwkVj{opacity:var(--amino-opacity-disabled)}.Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S .Amino__StyledReactSelect-module__reactSelectControl--0sbFa+div{z-index:20}.Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S .Amino__StyledReactSelect-module__reactSelectControl--0sbFa.Amino__StyledReactSelect-module__isFocused--cvHNw{box-shadow:var(--amino-shadow-raised-standard)!important}.Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S .Amino__StyledReactSelect-module__reactSelectControl--0sbFa.Amino__StyledReactSelect-module__isFocused--cvHNw:not(.Amino__StyledReactSelect-module__menuIsOpen--DlQj5){box-shadow:var(--amino-shadow-raised-focus)!important}.Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S.Amino__StyledReactSelect-module__hasError--DJ10C .Amino__StyledReactSelect-module__hasLabel--2uysz{color:var(--amino-red-600)}.Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S.Amino__StyledReactSelect-module__hasError--DJ10C .Amino__StyledReactSelect-module__reactSelectControl--0sbFa{box-shadow:var(--amino-shadow-raised-error)!important}.Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S.Amino__StyledReactSelect-module__hasError--DJ10C .Amino__StyledReactSelect-module__reactSelectControl--0sbFa.Amino__StyledReactSelect-module__isFocused--cvHNw:not(.Amino__StyledReactSelect-module__menuIsOpen--DlQj5){box-shadow:var(--amino-shadow-raised-error-focus)!important}.Amino__StyledReactSelect-module__strongLabel--iF71N{font-weight:600}.Amino__StyledReactSelect-module__checkboxOptionIconWrapper--Q91uF{align-items:center;color:var(--amino-styled-react-select-color);display:flex}.Amino__StyledReactSelect-module__checkboxOptionIconWrapper--Q91uF svg{color:var(--amino-gray-1000);margin-right:4px}.Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9:not(.Amino__StyledReactSelect-module__isDisabled--WwkVj).Amino__StyledReactSelect-module__isFocused--cvHNw,.Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9:not(.Amino__StyledReactSelect-module__isDisabled--WwkVj):hover{background-color:var(--amino-gray-50)!important}[data-theme=night] .Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9:not(.Amino__StyledReactSelect-module__isDisabled--WwkVj).Amino__StyledReactSelect-module__isFocused--cvHNw,[data-theme=night] .Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9:not(.Amino__StyledReactSelect-module__isDisabled--WwkVj):hover{background-color:var(--amino-gray-100)!important}.Amino__StyledReactSelect-module__selectedSingleOptionWrapper--0Yd8x{align-items:center;display:flex;justify-content:space-between}.Amino__StyledReactSelect-module__sm--uRxwS{height:32px}.Amino__StyledReactSelect-module__md--05qsU{height:40px}.Amino__StyledReactSelect-module__lg--iGesU{height:48px}.Amino__StyledReactSelect-module__xl--4TfG5{height:56px}");var y=function(e){switch(e){case"sm":return"".concat(u.theme.radius6);case"lg":case"xl":return"".concat(u.theme.radius10);default:return"".concat(u.theme.radius8)}},R=function(e){return React.createElement(n.components.ClearIndicator,e,React.createElement(d.RemoveCircleIcon,{size:24}))},b=function(e){return React.createElement(n.components.DropdownIndicator,e,React.createElement(s.DoubleChevronIcon,{size:24}))},f=function(t){var o=t.children,l=t.className,n=t.getStyles,a=t.hasValue,i=t.innerProps,c=t.innerRef,r=t.isDisabled,s=t.isFocused,d=t.menuIsOpen,_=t.selectProps,u=_.icon,m=_.label,p=_.size,S=_.value;return React.createElement("div",e._extends({ref:c,className:h.default([l,a&&v.hasValue,u&&v.hasIcon,s&&v.isFocused,r&&v.isDisabled,d&&v.menuIsOpen,m||Array.isArray(S)&&S.length>1?v.hasLabel:"",p&&v[p],v.reactSelectControl,"react-select-control"]),style:n("control",t)},i),u&&React.createElement("div",{className:v.iconWrapper},u),o)},A=function(e){var t=e.children,o=e.color,l=e.icon;return React.createElement("div",{className:v.checkboxOptionIconWrapper,style:{"--amino-styled-react-select-color":o||"inherit"}},l,t)},x=function(e){var o=e.children,l=t.__rest(e,["children"]);return React.createElement(n.components.MultiValueLabel,l,React.createElement(A,{icon:l.data.icon},o))},W=function(t){var o=t.innerProps;return React.createElement("div",e._extends({},o,{role:"button"}),React.createElement(_.RemoveIcon,{size:14}))},w=function(o){var n=o.children,a=o.className,c=o.data,s=o.getStyles,d=o.innerProps,_=o.innerRef,u=o.isDisabled,m=o.isFocused,p=o.isSelected,S=o.selectProps,g=l.useInView({fallbackInView:!0,triggerOnce:!0}),h=g.inView,y=g.ref,R=S,b=R.customOption,f=R.hasGroups,x=s("option",o),W=x.color,w=t.__rest(x,["color"]);f&&(w.paddingLeft=48);return React.createElement("div",e._extends({ref:_},d),React.createElement("div",{className:[a,v.styledSelectOptionWrapper,m&&v.isFocused,u&&v.isDisabled].join(" "),style:w},S.isMulti?React.createElement(i.Checkbox,{checked:p,disabled:u,icon:c.icon,label:c.label,labelDescription:c.labelDescription,onChange:function(){}}):b?b(c.value):React.createElement("div",{ref:y,className:v.selectedSingleOptionWrapper},h&&React.createElement(A,{color:W,icon:c.icon},n),p&&React.createElement(r.CheckmarkIcon,{color:"blue600",size:24}))))};exports.CheckboxOptionComponent=w,exports.StyledReactSelect=function(l){var n=l.closeOnOutsideScroll,a=void 0!==n&&n,i=l.components,r=l.customOption,s=l.error,d=l.hasGroups,_=l.helpText,p=l.icon,S=l.label,A=l.menuPosition,I=void 0===A?"fixed":A,C=l.placeholder,O=l.size,E=void 0===O?"md":O,j=l.style,k=t.__rest(l,["closeOnOutsideScroll","components","customOption","error","hasGroups","helpText","icon","label","menuPosition","placeholder","size","style"]),L={customOption:r,hasGroups:d,icon:p,label:S,size:E},D=o.useMemo((function(){return m.getTestId({componentName:"select",name:S})}),[S]),F=o.useRef(null),N=o.useMemo((function(){return!!a&&function(e){var t,o;return!(e.target instanceof HTMLElement)||!(null===(o=null===(t=F.current)||void 0===t?void 0:t.menuListRef)||void 0===o?void 0:o.isEqualNode(e.target))}}),[a]),V=k.styles,q=t.__rest(k,["styles"]),z=function(e){return{clearIndicator:function(o,l){var n;return t.__assign(t.__assign(t.__assign({},o),{color:u.theme.gray700,paddingLeft:14,paddingRight:4}),null===(n=null==e?void 0:e.clearIndicator)||void 0===n?void 0:n.call(e,o,l))},control:function(o,l){var n,a=l.selectProps.size;return t.__assign(t.__assign(t.__assign({},o),{backgroundColor:u.theme.raisedSurfaceColor,borderColor:"unset",borderRadius:y(a),borderWidth:0,boxShadow:l.isFocused?"".concat(u.theme.shadowRaisedFocus):"".concat(u.theme.shadowRaisedStandard),color:u.theme.gray800,cursor:"pointer",flexWrap:"inherit",height:"var(--amino-size-".concat(a,")"),minHeight:"var(--amino-size-".concat(a,")")}),null===(n=null==e?void 0:e.control)||void 0===n?void 0:n.call(e,o,l))},dropdownIndicator:function(o,l){var n;return t.__assign(t.__assign(t.__assign({},o),{color:u.theme.gray900,paddingLeft:4,paddingRight:10}),null===(n=null==e?void 0:e.dropdownIndicator)||void 0===n?void 0:n.call(e,o,l))},group:function(o,l){var n;return t.__assign(t.__assign(t.__assign({},o),{paddingBottom:0,paddingTop:0}),null===(n=null==e?void 0:e.group)||void 0===n?void 0:n.call(e,o,l))},indicatorSeparator:function(o,l){var n;return t.__assign(t.__assign(t.__assign({},o),{width:0}),null===(n=null==e?void 0:e.indicatorSeparator)||void 0===n?void 0:n.call(e,o,l))},input:function(o,l){var n;return t.__assign(t.__assign(t.__assign({},o),{color:u.theme.textColor,opacity:.8}),null===(n=null==e?void 0:e.input)||void 0===n?void 0:n.call(e,o,l))},menu:function(o,l){var n;return t.__assign(t.__assign(t.__assign({},o),{background:u.theme.surfaceColor,borderRadius:12,boxShadow:u.theme.v3ShadowLarge,marginTop:4}),null===(n=null==e?void 0:e.menu)||void 0===n?void 0:n.call(e,o,l))},menuList:function(o,l){var n;return t.__assign(t.__assign(t.__assign({},o),{padding:8}),null===(n=null==e?void 0:e.menuList)||void 0===n?void 0:n.call(e,o,l))},multiValue:function(o,l){var n;return t.__assign(t.__assign(t.__assign({},o),{alignItems:"center",background:u.theme.gray100,borderRadius:u.theme.radius4,fontWeight:600,maxHeight:20,minWidth:"inherit",paddingRight:2}),null===(n=null==e?void 0:e.multiValue)||void 0===n?void 0:n.call(e,o,l))},multiValueLabel:function(o,l){var n;return t.__assign(t.__assign(t.__assign({},o),{color:u.theme.textColor}),null===(n=null==e?void 0:e.multiValueLabel)||void 0===n?void 0:n.call(e,o,l))},option:function(o,l){var n;return t.__assign(t.__assign(t.__assign({},o),{backgroundColor:"inherit",borderRadius:"8px",color:l.isSelected?u.theme.blue600:u.theme.textColor,cursor:"pointer",fontWeight:l.isSelected?500:400,paddingBottom:7,paddingLeft:8,paddingRight:12,paddingTop:7}),null===(n=null==e?void 0:e.option)||void 0===n?void 0:n.call(e,o,l))},placeholder:function(o,l){var n;return t.__assign(t.__assign(t.__assign({},o),{".has-label.is-focused &":{opacity:1},color:"var(--amino-gray-500)",fontSize:"var(--amino-font-size-base)",fontWeight:400,opacity:1}),null===(n=null==e?void 0:e.placeholder)||void 0===n?void 0:n.call(e,o,l))},singleValue:function(o,l){var n;return t.__assign(t.__assign(t.__assign({},o),{color:u.theme.textColor,fontWeight:500}),null===(n=null==e?void 0:e.singleValue)||void 0===n?void 0:n.call(e,o,l))},valueContainer:function(o,l){var n;return t.__assign(t.__assign(t.__assign({},o),{".has-icon &":{paddingLeft:0},flexWrap:"nowrap",padding:"unset",paddingLeft:12}),null===(n=null==e?void 0:e.valueContainer)||void 0===n?void 0:n.call(e,o,l))}}}(V);return React.createElement("div",{className:h.default(v.styledSelectWrapper,s&&v.hasError),"data-testid":D},S&&React.createElement("label",{className:v.inputLabel},S),React.createElement(g.default,e._extends({ref:F,closeMenuOnScroll:N,components:t.__assign({ClearIndicator:R,Control:f,DropdownIndicator:b,MultiValueLabel:x,MultiValueRemove:W,Option:w},i),menuPosition:I,placeholder:C||"",styles:t.__assign(t.__assign({},j),z)},q,L)),React.createElement(c.HelpText,{error:s,helpText:_}))};
+"use strict";var e=require("../../_rollupPluginBabelHelpers-697f213c.js"),t=require("../../tslib.es6-8c21e256.js"),o=require("react"),l=require("react-intersection-observer"),n=require("react-select"),i=require("clsx"),a=require("../checkbox/Checkbox.js"),r=require("../help-text/HelpText.js"),c=require("../../icons/CheckmarkIcon.js"),s=require("../../icons/DoubleChevronIcon.js"),d=require("../../icons/RemoveCircleIcon.js"),_=require("../../icons/RemoveIcon.js"),u=require("../../styles/constants/theme.js"),m=require("../../utils/getTestId.js"),p=require("../../style-inject.es-d4ddeae4.js"),S=require("react/jsx-runtime");function h(e){return e&&e.__esModule?e:{default:e}}require("framer-motion"),require("../text/Text.js"),require("../../global.module-569e4fd5.js"),require("../../icons/icon-base/_IconBase.js");var g=h(n),v=h(i),y={iconWrapper:"Amino__StyledReactSelect-module__iconWrapper--o6af4",inputLabel:"Amino__StyledReactSelect-module__inputLabel--L2Q9w",hasIcon:"Amino__StyledReactSelect-module__hasIcon--ua8Qm",hasValue:"Amino__StyledReactSelect-module__hasValue--QzRR6",isDisabled:"Amino__StyledReactSelect-module__isDisabled--WwkVj",styledSelectWrapper:"Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S",reactSelectControl:"Amino__StyledReactSelect-module__reactSelectControl--0sbFa",isFocused:"Amino__StyledReactSelect-module__isFocused--cvHNw",menuIsOpen:"Amino__StyledReactSelect-module__menuIsOpen--DlQj5",hasError:"Amino__StyledReactSelect-module__hasError--DJ10C",hasLabel:"Amino__StyledReactSelect-module__hasLabel--2uysz",strongLabel:"Amino__StyledReactSelect-module__strongLabel--iF71N",checkboxOptionIconWrapper:"Amino__StyledReactSelect-module__checkboxOptionIconWrapper--Q91uF",styledSelectOptionWrapper:"Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9",selectedSingleOptionWrapper:"Amino__StyledReactSelect-module__selectedSingleOptionWrapper--0Yd8x",sm:"Amino__StyledReactSelect-module__sm--uRxwS",md:"Amino__StyledReactSelect-module__md--05qsU",lg:"Amino__StyledReactSelect-module__lg--iGesU",xl:"Amino__StyledReactSelect-module__xl--4TfG5"};p.styleInject(".Amino__StyledReactSelect-module__iconWrapper--o6af4{align-items:center;color:var(--amino-gray-700);display:flex;height:24px;justify-content:space-evenly;margin-left:var(--amino-space-8);margin-right:-2px;width:24px}.Amino__StyledReactSelect-module__inputLabel--L2Q9w{color:var(--amino-text-color-secondary);display:block;margin-bottom:8px}.Amino__StyledReactSelect-module__hasIcon--ua8Qm,.Amino__StyledReactSelect-module__hasValue--QzRR6{align-items:center;display:flex}.Amino__StyledReactSelect-module__isDisabled--WwkVj{opacity:var(--amino-opacity-disabled)}.Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S .Amino__StyledReactSelect-module__reactSelectControl--0sbFa+div{z-index:20}.Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S .Amino__StyledReactSelect-module__reactSelectControl--0sbFa.Amino__StyledReactSelect-module__isFocused--cvHNw{box-shadow:var(--amino-shadow-raised-standard)!important}.Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S .Amino__StyledReactSelect-module__reactSelectControl--0sbFa.Amino__StyledReactSelect-module__isFocused--cvHNw:not(.Amino__StyledReactSelect-module__menuIsOpen--DlQj5){box-shadow:var(--amino-shadow-raised-focus)!important}.Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S.Amino__StyledReactSelect-module__hasError--DJ10C .Amino__StyledReactSelect-module__hasLabel--2uysz{color:var(--amino-red-600)}.Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S.Amino__StyledReactSelect-module__hasError--DJ10C .Amino__StyledReactSelect-module__reactSelectControl--0sbFa{box-shadow:var(--amino-shadow-raised-error)!important}.Amino__StyledReactSelect-module__styledSelectWrapper--s0t-S.Amino__StyledReactSelect-module__hasError--DJ10C .Amino__StyledReactSelect-module__reactSelectControl--0sbFa.Amino__StyledReactSelect-module__isFocused--cvHNw:not(.Amino__StyledReactSelect-module__menuIsOpen--DlQj5){box-shadow:var(--amino-shadow-raised-error-focus)!important}.Amino__StyledReactSelect-module__strongLabel--iF71N{font-weight:600}.Amino__StyledReactSelect-module__checkboxOptionIconWrapper--Q91uF{align-items:center;color:var(--amino-styled-react-select-color);display:flex}.Amino__StyledReactSelect-module__checkboxOptionIconWrapper--Q91uF svg{color:var(--amino-gray-1000);margin-right:4px}.Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9:not(.Amino__StyledReactSelect-module__isDisabled--WwkVj).Amino__StyledReactSelect-module__isFocused--cvHNw,.Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9:not(.Amino__StyledReactSelect-module__isDisabled--WwkVj):hover{background-color:var(--amino-gray-50)!important}[data-theme=night] .Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9:not(.Amino__StyledReactSelect-module__isDisabled--WwkVj).Amino__StyledReactSelect-module__isFocused--cvHNw,[data-theme=night] .Amino__StyledReactSelect-module__styledSelectOptionWrapper--RNcU9:not(.Amino__StyledReactSelect-module__isDisabled--WwkVj):hover{background-color:var(--amino-gray-100)!important}.Amino__StyledReactSelect-module__selectedSingleOptionWrapper--0Yd8x{align-items:center;display:flex;justify-content:space-between}.Amino__StyledReactSelect-module__sm--uRxwS{height:32px}.Amino__StyledReactSelect-module__md--05qsU{height:40px}.Amino__StyledReactSelect-module__lg--iGesU{height:48px}.Amino__StyledReactSelect-module__xl--4TfG5{height:56px}");var b=function(e){switch(e){case"sm":return"".concat(u.theme.radius6);case"lg":case"xl":return"".concat(u.theme.radius10);default:return"".concat(u.theme.radius8)}},R=function(t){return S.jsx(n.components.ClearIndicator,e._objectSpread2(e._objectSpread2({},t),{},{children:S.jsx(d.RemoveCircleIcon,{size:24})}))},x=function(t){return S.jsx(n.components.DropdownIndicator,e._objectSpread2(e._objectSpread2({},t),{},{children:S.jsx(s.DoubleChevronIcon,{size:24})}))},f=function(t){var o=t.children,l=t.className,n=t.getStyles,i=t.hasValue,a=t.innerProps,r=t.innerRef,c=t.isDisabled,s=t.isFocused,d=t.menuIsOpen,_=t.selectProps,u=_.icon,m=_.label,p=_.size,h=_.value;return S.jsxs("div",e._objectSpread2(e._objectSpread2({ref:r,className:v.default([l,i&&y.hasValue,u&&y.hasIcon,s&&y.isFocused,c&&y.isDisabled,d&&y.menuIsOpen,m||Array.isArray(h)&&h.length>1?y.hasLabel:"",p&&y[p],y.reactSelectControl,"react-select-control"]),style:n("control",t)},a),{},{children:[u&&S.jsx("div",{className:y.iconWrapper,children:u}),o]}))},j=function(e){var t=e.children,o=e.color,l=e.icon;return S.jsxs("div",{className:y.checkboxOptionIconWrapper,style:{"--amino-styled-react-select-color":o||"inherit"},children:[l,t]})},A=function(o){var l=o.children,i=t.__rest(o,["children"]);return S.jsx(n.components.MultiValueLabel,e._objectSpread2(e._objectSpread2({},i),{},{children:S.jsx(j,{icon:i.data.icon,children:l})}))},W=function(t){var o=t.innerProps;return S.jsx("div",e._objectSpread2(e._objectSpread2({},o),{},{role:"button",children:S.jsx(_.RemoveIcon,{size:14})}))},w=function(o){var n=o.children,i=o.className,r=o.data,s=o.getStyles,d=o.innerProps,_=o.innerRef,u=o.isDisabled,m=o.isFocused,p=o.isSelected,h=o.selectProps,g=l.useInView({fallbackInView:!0,triggerOnce:!0}),v=g.inView,b=g.ref,R=h,x=R.customOption,f=R.hasGroups,A=s("option",o),W=A.color,w=t.__rest(A,["color"]);f&&(w.paddingLeft=48);return S.jsx("div",e._objectSpread2(e._objectSpread2({ref:_},d),{},{children:S.jsx("div",{className:[i,y.styledSelectOptionWrapper,m&&y.isFocused,u&&y.isDisabled].join(" "),style:w,children:h.isMulti?S.jsx(a.Checkbox,{checked:p,disabled:u,icon:r.icon,label:r.label,labelDescription:r.labelDescription,onChange:function(){}}):x?x(r.value):S.jsxs("div",{ref:b,className:y.selectedSingleOptionWrapper,children:[v&&S.jsx(j,{color:W,icon:r.icon,children:n}),p&&S.jsx(c.CheckmarkIcon,{color:"blue600",size:24})]})})}))};exports.CheckboxOptionComponent=w,exports.StyledReactSelect=function(l){var n=l.closeOnOutsideScroll,i=void 0!==n&&n,a=l.components,c=l.customOption,s=l.error,d=l.hasGroups,_=l.helpText,p=l.icon,h=l.label,j=l.menuPosition,I=void 0===j?"fixed":j,C=l.placeholder,O=l.size,k=void 0===O?"md":O,L=l.style,D=t.__rest(l,["closeOnOutsideScroll","components","customOption","error","hasGroups","helpText","icon","label","menuPosition","placeholder","size","style"]),F={customOption:c,hasGroups:d,icon:p,label:h,size:k},N=o.useMemo((function(){return m.getTestId({componentName:"select",name:h})}),[h]),q=o.useRef(null),V=o.useMemo((function(){return!!i&&function(e){var t,o;return!(e.target instanceof HTMLElement)||!(null===(o=null===(t=q.current)||void 0===t?void 0:t.menuListRef)||void 0===o?void 0:o.isEqualNode(e.target))}}),[i]),z=D.styles,T=t.__rest(D,["styles"]),H=function(e){return{clearIndicator:function(o,l){var n;return t.__assign(t.__assign(t.__assign({},o),{color:u.theme.gray700,paddingLeft:14,paddingRight:4}),null===(n=null==e?void 0:e.clearIndicator)||void 0===n?void 0:n.call(e,o,l))},control:function(o,l){var n,i=l.selectProps.size;return t.__assign(t.__assign(t.__assign({},o),{backgroundColor:u.theme.raisedSurfaceColor,borderColor:"unset",borderRadius:b(i),borderWidth:0,boxShadow:l.isFocused?"".concat(u.theme.shadowRaisedFocus):"".concat(u.theme.shadowRaisedStandard),color:u.theme.gray800,cursor:"pointer",flexWrap:"inherit",height:"var(--amino-size-".concat(i,")"),minHeight:"var(--amino-size-".concat(i,")")}),null===(n=null==e?void 0:e.control)||void 0===n?void 0:n.call(e,o,l))},dropdownIndicator:function(o,l){var n;return t.__assign(t.__assign(t.__assign({},o),{color:u.theme.gray900,paddingLeft:4,paddingRight:10}),null===(n=null==e?void 0:e.dropdownIndicator)||void 0===n?void 0:n.call(e,o,l))},group:function(o,l){var n;return t.__assign(t.__assign(t.__assign({},o),{paddingBottom:0,paddingTop:0}),null===(n=null==e?void 0:e.group)||void 0===n?void 0:n.call(e,o,l))},indicatorSeparator:function(o,l){var n;return t.__assign(t.__assign(t.__assign({},o),{width:0}),null===(n=null==e?void 0:e.indicatorSeparator)||void 0===n?void 0:n.call(e,o,l))},input:function(o,l){var n;return t.__assign(t.__assign(t.__assign({},o),{color:u.theme.textColor,opacity:.8}),null===(n=null==e?void 0:e.input)||void 0===n?void 0:n.call(e,o,l))},menu:function(o,l){var n;return t.__assign(t.__assign(t.__assign({},o),{background:u.theme.surfaceColor,borderRadius:12,boxShadow:u.theme.v3ShadowLarge,marginTop:4}),null===(n=null==e?void 0:e.menu)||void 0===n?void 0:n.call(e,o,l))},menuList:function(o,l){var n;return t.__assign(t.__assign(t.__assign({},o),{padding:8}),null===(n=null==e?void 0:e.menuList)||void 0===n?void 0:n.call(e,o,l))},multiValue:function(o,l){var n;return t.__assign(t.__assign(t.__assign({},o),{alignItems:"center",background:u.theme.gray100,borderRadius:u.theme.radius4,fontWeight:600,maxHeight:20,minWidth:"inherit",paddingRight:2}),null===(n=null==e?void 0:e.multiValue)||void 0===n?void 0:n.call(e,o,l))},multiValueLabel:function(o,l){var n;return t.__assign(t.__assign(t.__assign({},o),{color:u.theme.textColor}),null===(n=null==e?void 0:e.multiValueLabel)||void 0===n?void 0:n.call(e,o,l))},option:function(o,l){var n;return t.__assign(t.__assign(t.__assign({},o),{backgroundColor:"inherit",borderRadius:"8px",color:l.isSelected?u.theme.blue600:u.theme.textColor,cursor:"pointer",fontWeight:l.isSelected?500:400,paddingBottom:7,paddingLeft:8,paddingRight:12,paddingTop:7}),null===(n=null==e?void 0:e.option)||void 0===n?void 0:n.call(e,o,l))},placeholder:function(o,l){var n;return t.__assign(t.__assign(t.__assign({},o),{".has-label.is-focused &":{opacity:1},color:"var(--amino-gray-500)",fontSize:"var(--amino-font-size-base)",fontWeight:400,opacity:1}),null===(n=null==e?void 0:e.placeholder)||void 0===n?void 0:n.call(e,o,l))},singleValue:function(o,l){var n;return t.__assign(t.__assign(t.__assign({},o),{color:u.theme.textColor,fontWeight:500}),null===(n=null==e?void 0:e.singleValue)||void 0===n?void 0:n.call(e,o,l))},valueContainer:function(o,l){var n;return t.__assign(t.__assign(t.__assign({},o),{".has-icon &":{paddingLeft:0},flexWrap:"nowrap",padding:"unset",paddingLeft:12}),null===(n=null==e?void 0:e.valueContainer)||void 0===n?void 0:n.call(e,o,l))}}}(z);return S.jsxs("div",{className:v.default(y.styledSelectWrapper,s&&y.hasError),"data-testid":N,children:[h&&S.jsx("label",{className:y.inputLabel,children:h}),S.jsx(g.default,e._objectSpread2(e._objectSpread2({ref:q,closeMenuOnScroll:V,components:t.__assign({ClearIndicator:R,Control:f,DropdownIndicator:x,MultiValueLabel:A,MultiValueRemove:W,Option:w},a),menuPosition:I,placeholder:C||"",styles:t.__assign(t.__assign({},L),H)},T),F)),S.jsx(r.HelpText,{error:s,helpText:_})]})};

package/components/simple-table/SimpleTable.d.ts

@@ -0,0 +1,242 @@
+import React, { type ReactNode } from 'react';
+import type { BaseProps } from "../../types/BaseProps";
+import type { ReactComponent } from "../../types/ReactComponent";
+export type SimpleTableHeaderBaseProps = {
+    /**
+     * Text alignment for a column
+     * @default 'start'
+     */
+    align?: 'start' | 'center' | 'end';
+    /**
+     * @default false
+     * Disable link routing on cells
+     */
+    disabledLink?: boolean;
+    /**
+     * @default 0
+     * Minimum width of column in pixels
+     */
+    minWidth?: number;
+    /**
+     * @default false
+     * Disable padding on cells
+     */
+    noPadding?: boolean;
+    /**
+     * Determines cell content wrapping method
+     * @default 'nowrap'
+     */
+    textWrapMethod?: 'truncate' | 'normal' | 'nowrap';
+    /**
+     * Width of column in percent
+     * @default undefined
+     */
+    width?: number;
+};
+export type SimpleTableHeader<T extends object> = {
+    [Key in keyof T]: {
+        /** The key for each record that the header corresponds to */
+        key: Key;
+        /** null means don't show a header for this column */
+        name: ReactNode | null;
+        renderCustom?: (value: T[Key], item: T) => React.ReactNode;
+    } & SimpleTableHeaderBaseProps;
+}[keyof T extends React.Key ? keyof T : never];
+export type SimpleTableProps<T extends object> = BaseProps & {
+    /**
+     * Custom component for the link. Defaults to <a>
+     */
+    CustomLinkComponent?: ReactComponent<{
+        children: ReactNode;
+        href: string;
+    }>;
+    /**
+     * @default false
+     * Use bordered variant of table
+     */
+    bordered?: boolean;
+    /**
+     * @default false
+     * Enable rows to collapse and expand with more information
+     */
+    collapsible?: {
+        /**
+         * Content to show when row is expanded
+         */
+        collapseContent?: {
+            content: ReactNode;
+            /**
+             * @note Key must match the key of the item it is expanding from
+             */
+            key: string;
+        }[];
+        enabled: boolean;
+        expandedItemKeys: string[];
+        toggleItem: (key: string) => void;
+    };
+    /**
+     * Will make the whole row (each td) an anchor tag so native link functionality exists. If clicking just navigates, use this over onRowClick.
+     */
+    getRowLink?: (item: T) => string;
+    headers: SimpleTableHeader<T>[];
+    items: T[];
+    /** Adding unique list keys */
+    keyExtractor: (item: T) => string;
+    /**
+     * Render loading skeleton
+     * @default false
+     */
+    loading?: boolean;
+    /**
+     * Number of rows to render while loading
+     * @default 10
+     */
+    loadingItems?: number;
+    /**
+     * Height of loading skeleton
+     * @default 13
+     */
+    loadingSkeletonHeight?: number;
+    /**
+     * Maximum height of the table. Required for the sticky header to work correctly.
+     * @default '100%
+     */
+    maxHeight?: string;
+    /**
+     * @default false,
+     * Disable hover background color effect on rows
+     */
+    noHoverBackground?: boolean;
+    /**
+     * Callback for clicking anywhere on row.
+     *
+     * If having buttons in the table, remember to call e.stopPropagation() to prevent this from firing.
+     */
+    onRowClick?: (item: T) => void;
+    /** Callback for hovering anywhere on row */
+    onRowHover?: (item: T) => void;
+    /**
+     * Component places at the bottom of the table
+     */
+    renderFooter?: ReactNode;
+    /**
+     * @default false
+     * Show checkbox on each row, and checkbox for toggling all in header
+     */
+    selectable?: {
+        /**
+         * If this is true, then onRowClick will call onRowCheckboxChange with the opposite of the current value
+         */
+        anySelected?: boolean;
+        enabled: boolean;
+        headerCheckboxValue?: boolean;
+        isRowCheckboxDisabled?: (item: T, index: number) => boolean;
+        isRowChecked?: (item: T, index: number) => boolean;
+        onHeaderCheckboxChange?: (checked: boolean) => void;
+        onRowCheckboxChange?: (checked: boolean, item: T, index: number) => void;
+        /**
+         * Overrides custom handlers for more control
+         */
+        renderCustomHeaderCheckbox?: ReactNode;
+        /**
+         * Overrides custom handlers for more control
+         */
+        renderCustomRowCheckbox?: (item: T, index: number) => ReactNode;
+    };
+};
+/**
+ * SimpleTable provides a flexible, accessible table component for displaying tabular data.
+ * It supports features like selectable rows, collapsible rows, custom cell rendering, loading skeletons,
+ * and sticky headers. Designed for use cases where you need a straightforward but powerful table UI.
+ *
+ * @example Basic usage
+ * ```tsx
+ * type User = { id: number; name: string; age: number };
+ * const headers: SimpleTableHeader<User>[] = [
+ *   { key: 'name', name: 'Name' },
+ *   { key: 'age', name: 'Age' },
+ * ];
+ * const users: User[] = [
+ *   { id: 1, name: 'Alice', age: 30 },
+ *   { id: 2, name: 'Bob', age: 25 },
+ * ];
+ * <SimpleTable
+ *   headers={headers}
+ *   items={users}
+ *   keyExtractor={user => String(user.id)}
+ * />
+ * ```
+ *
+ * @example With selectable rows
+ * ```tsx
+ * const [selected, setSelected] = useState<number[]>([]);
+ * <SimpleTable
+ *   headers={headers}
+ *   items={users}
+ *   keyExtractor={user => String(user.id)}
+ *   selectable={{
+ *     enabled: true,
+ *     isRowChecked: (item) => selected.includes(item.id),
+ *     onRowCheckboxChange: (checked, item) => {
+ *       setSelected(checked
+ *         ? [...selected, item.id]
+ *         : selected.filter(id => id !== item.id)
+ *       );
+ *     },
+ *   }}
+ * />
+ * ```
+ *
+ * @example With collapsible rows
+ * ```tsx
+ * <SimpleTable
+ *   headers={headers}
+ *   items={users}
+ *   keyExtractor={user => String(user.id)}
+ *   collapsible={{
+ *     enabled: true,
+ *     expandedItemKeys: expandedKeys,
+ *     toggleItem: key => setExpandedKeys(keys =>
+ *       keys.includes(key) ? keys.filter(k => k !== key) : [...keys, key]
+ *     ),
+ *     collapseContent: users.map(user => ({
+ *       key: String(user.id),
+ *       content: <div>More info about {user.name}</div>,
+ *     })),
+ *   }}
+ * />
+ * ```
+ *
+ * @example With custom cell rendering
+ * ```tsx
+ * const headers: SimpleTableHeader<User>[] = [
+ *   { key: 'name', name: 'Name' },
+ *   {
+ *     key: 'age',
+ *     name: 'Age',
+ *     renderCustom: (age) => <Text color={age > 25 ? 'green600' : 'red600'}>{age}</Text>,
+ *   },
+ * ];
+ * ```
+ *
+ * @example With loading skeleton
+ * ```tsx
+ * <SimpleTable
+ *   headers={headers}
+ *   items={[]}
+ *   keyExtractor={user => String(user.id)}
+ *   loading
+ * />
+ * ```
+ *
+ * @example With row click handler
+ * ```tsx
+ * <SimpleTable
+ *   headers={headers}
+ *   items={users}
+ *   keyExtractor={user => String(user.id)}
+ *   onRowClick={user => alert(`Clicked: ${user.name}`)}
+ * />
+ * ```
+ */
+export declare const SimpleTable: <T extends object>({ bordered, className, collapsible, CustomLinkComponent, getRowLink, headers, items, keyExtractor, loading, loadingItems, loadingSkeletonHeight, maxHeight, noHoverBackground, onRowClick, onRowHover, renderFooter, selectable, style, }: SimpleTableProps<T>) => React.JSX.Element;

package/components/simple-table/SimpleTable.js

@@ -1 +1 @@
-"use strict";var e=require("../../tslib.es6-8c21e256.js"),l=require("react"),t=require("clsx"),o=require("../checkbox/Checkbox.js"),a=require("../skeleton/Skeleton.js"),i=require("../text/Text.js"),r=require("../../style-inject.es-d4ddeae4.js"),d=require("./SimpleTableRow.js");function n(e){return e&&e.__esModule?e:{default:e}}require("../../_rollupPluginBabelHelpers-77a6284f.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../../styles/constants/theme.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("../../utils/getTestId.js"),require("../table/TableRowCollapse.js"),require("../button/Button.js"),require("../button/RippleGroup.js"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../collapse/Collapse.js"),require("@mui/material/Collapse"),require("../table/TableCell.js"),require("../table/TableRow.js"),require("../../icons/ChevronUpIcon.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../flex/Flex.js");var m=n(l),u=n(t),b="Amino_SimpleTable-module__tableContainer--UsGFZ",s="Amino_SimpleTable-module__tableStyled--Q3YSy",_="Amino_SimpleTable-module__loading--bvjof",p="Amino_SimpleTable-module__skeletonCellWrapper--I8vJ7",c="Amino_SimpleTable-module__noHeaders---Nf59",S="Amino_SimpleTable-module__bordered--rYjAD",y="Amino_SimpleTable-module__noPadding--b5Y-c",h="Amino_SimpleTable-module__collapsible--ozkOZ",f="Amino_SimpleTable-module__styledCheckbox---753a";r.styleInject(".Amino_SimpleTable-module__tableContainer--UsGFZ{overflow:auto;width:100%}.Amino_SimpleTable-module__tableStyled--Q3YSy{border-collapse:initial;border-spacing:0;font-size:var(--amino-font-size-base);width:100%}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr{height:48px}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__loading--bvjof{padding:12px}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__loading--bvjof .Amino_SimpleTable-module__skeletonCellWrapper--I8vJ7{display:flex}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__noHeaders---Nf59 thead{display:none;max-height:0}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__bordered--rYjAD th{border:none}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__bordered--rYjAD tr:first-child td{border-top:var(--amino-border-subtle)}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__bordered--rYjAD tr:first-child td:first-child{border-top-left-radius:12px}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__bordered--rYjAD tr:first-child td:last-child{border-top-right-radius:12px}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__bordered--rYjAD tr:last-child td:first-child{border-bottom-left-radius:12px}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__bordered--rYjAD tr:last-child td:last-child{border-bottom-right-radius:12px}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__bordered--rYjAD td:first-child{border-left:var(--amino-border-subtle)}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__bordered--rYjAD td:last-child{border-right:var(--amino-border-subtle)}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead{text-transform:none}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead>tr{border-bottom:var(--amino-border-subtle);height:48px}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead>tr>th{background-color:var(--amino-gray-0);border-bottom:var(--amino-border-subtle);padding:12px;position:-webkit-sticky;position:sticky;top:0;white-space:nowrap;z-index:1}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead>tr>th.Amino_SimpleTable-module__noPadding--b5Y-c{padding:0}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__collapsible--ozkOZ tr>td:last-child{width:40px}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__collapsible--ozkOZ tr>td:last-child>div{padding:0}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__collapsible--ozkOZ>tbody *{transition:var(--amino-transition)}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__collapsible--ozkOZ>tbody>tr:not(:has(.Amino_SimpleTable-module__loading--bvjof)){height:unset}.Amino_SimpleTable-module__styledCheckbox---753a{display:inline-flex;padding:12px}");var A=function(e){switch(e){case"center":return"center";case"end":return"flex-end";default:return"flex-start"}};exports.SimpleTable=function(l){var t=l.bordered,r=void 0!==t&&t,n=l.className,T=l.collapsible,g=void 0===T?{enabled:!1,expandedItemKeys:[],toggleItem:function(){}}:T,k=l.CustomLinkComponent,x=l.getRowLink,j=l.headers,v=l.items,q=l.keyExtractor,Y=l.loading,C=void 0!==Y&&Y,w=l.loadingItems,E=void 0===w?10:w,Q=l.loadingSkeletonHeight,H=void 0===Q?13:Q,R=l.maxHeight,N=void 0===R?"100%":R,I=l.noHoverBackground,D=void 0!==I&&I,z=l.onRowClick,Z=l.onRowHover,B=l.renderFooter,O=l.selectable,P=void 0===O?{enabled:!1}:O,W=l.style;return m.default.createElement("div",{className:u.default(b,n),style:e.__assign({maxHeight:N},W)},m.default.createElement("table",{className:u.default(g.enabled&&h,s,r&&S,j.every((function(e){return!e.name}))&&c)},m.default.createElement("colgroup",null,!!P.onHeaderCheckboxChange&&m.default.createElement("col",{width:0}),j.map((function(e){return m.default.createElement("col",{key:e.key,style:{minWidth:void 0!==e.minWidth?"".concat(e.minWidth,"px"):void 0},width:void 0!==e.width?"".concat(e.width,"%"):void 0})})),g.enabled&&m.default.createElement("col",null)),m.default.createElement("thead",null,m.default.createElement("tr",null,!!P.onHeaderCheckboxChange&&m.default.createElement("th",{className:y},P.renderCustomHeaderCheckbox||m.default.createElement(o.Checkbox,{checked:!C&&P.headerCheckboxValue||!1,className:f,"data-testid":"amino--header-checkbox",disabled:C,onChange:P.onHeaderCheckboxChange})),j.map((function(e){return m.default.createElement("th",{key:e.key,className:u.default(e.noPadding&&y),style:{textAlign:e.align||"start"}},"string"==typeof e.name?m.default.createElement(i.Text,{color:"gray800",type:"small-header"},e.name):e.name)})),g.enabled&&m.default.createElement("th",null))),m.default.createElement("tbody",null,C?e.__spreadArray([],e.__read(Array(E).keys()),!1).map((function(e){return m.default.createElement("tr",{key:e},P.enabled&&m.default.createElement("td",{className:_},m.default.createElement("div",null,m.default.createElement(a.Skeleton,{key:e,height:H}))),j.map((function(l){return m.default.createElement("td",{key:l.key,className:u.default(_,l.noPadding&&y)},m.default.createElement("div",{className:p,style:{justifyContent:A(l.align)}},m.default.createElement(a.Skeleton,{key:e,height:H,style:{width:"70%"}})))})),g.enabled&&m.default.createElement("td",null))})):v.map((function(e,l){var t=q(e);return m.default.createElement(d.SimpleTableRow,{key:t,CustomLinkComponent:k,bordered:r,collapsible:g,getRowLink:x,headers:j,index:l,item:e,noHoverBackground:D,onRowClick:z,onRowHover:Z,rowKey:t,selectable:P})}))),B))};
+"use strict";var e=require("../../tslib.es6-8c21e256.js");require("react");var l=require("clsx"),o=require("../checkbox/Checkbox.js"),i=require("../skeleton/Skeleton.js"),t=require("../text/Text.js"),r=require("../../style-inject.es-d4ddeae4.js"),a=require("./SimpleTableRow.js"),d=require("react/jsx-runtime");function n(e){return e&&e.__esModule?e:{default:e}}require("../../_rollupPluginBabelHelpers-697f213c.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../../styles/constants/theme.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("../../utils/getTestId.js"),require("../table/TableRowCollapse.js"),require("../button/Button.js"),require("../button/RippleGroup.js"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../collapse/Collapse.js"),require("@mui/material/Collapse"),require("../table/TableCell.js"),require("../table/TableRow.js"),require("../../icons/ChevronUpIcon.js"),require("../tooltip/Tooltip.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../flex/Flex.js");var m=n(l),s="Amino_SimpleTable-module__tableContainer--UsGFZ",b="Amino_SimpleTable-module__tableStyled--Q3YSy",_="Amino_SimpleTable-module__loading--bvjof",u="Amino_SimpleTable-module__skeletonCellWrapper--I8vJ7",p="Amino_SimpleTable-module__noHeaders---Nf59",c="Amino_SimpleTable-module__bordered--rYjAD",S="Amino_SimpleTable-module__noPadding--b5Y-c",h="Amino_SimpleTable-module__collapsible--ozkOZ",y="Amino_SimpleTable-module__styledCheckbox---753a";r.styleInject(".Amino_SimpleTable-module__tableContainer--UsGFZ{overflow:auto;width:100%}.Amino_SimpleTable-module__tableStyled--Q3YSy{border-collapse:initial;border-spacing:0;font-size:var(--amino-font-size-base);width:100%}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr{height:48px}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__loading--bvjof{padding:12px}.Amino_SimpleTable-module__tableStyled--Q3YSy>tbody>tr>td.Amino_SimpleTable-module__loading--bvjof .Amino_SimpleTable-module__skeletonCellWrapper--I8vJ7{display:flex}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__noHeaders---Nf59 thead{display:none;max-height:0}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__bordered--rYjAD th{border:none}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__bordered--rYjAD tr:first-child td{border-top:var(--amino-border-subtle)}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__bordered--rYjAD tr:first-child td:first-child{border-top-left-radius:12px}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__bordered--rYjAD tr:first-child td:last-child{border-top-right-radius:12px}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__bordered--rYjAD tr:last-child td:first-child{border-bottom-left-radius:12px}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__bordered--rYjAD tr:last-child td:last-child{border-bottom-right-radius:12px}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__bordered--rYjAD td:first-child{border-left:var(--amino-border-subtle)}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__bordered--rYjAD td:last-child{border-right:var(--amino-border-subtle)}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead{text-transform:none}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead>tr{border-bottom:var(--amino-border-subtle);height:48px}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead>tr>th{background-color:var(--amino-gray-0);border-bottom:var(--amino-border-subtle);padding:12px;position:-webkit-sticky;position:sticky;top:0;white-space:nowrap;z-index:1}.Amino_SimpleTable-module__tableStyled--Q3YSy>thead>tr>th.Amino_SimpleTable-module__noPadding--b5Y-c{padding:0}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__collapsible--ozkOZ tr>td:last-child{width:40px}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__collapsible--ozkOZ tr>td:last-child>div{padding:0}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__collapsible--ozkOZ>tbody *{transition:var(--amino-transition)}.Amino_SimpleTable-module__tableStyled--Q3YSy.Amino_SimpleTable-module__collapsible--ozkOZ>tbody>tr:not(:has(.Amino_SimpleTable-module__loading--bvjof)){height:unset}.Amino_SimpleTable-module__styledCheckbox---753a{display:inline-flex;padding:12px}");var x=function(e){switch(e){case"center":return"center";case"end":return"flex-end";default:return"flex-start"}};exports.SimpleTable=function(l){var r=l.bordered,n=void 0!==r&&r,j=l.className,A=l.collapsible,T=void 0===A?{enabled:!1,expandedItemKeys:[],toggleItem:function(){}}:A,g=l.CustomLinkComponent,f=l.getRowLink,k=l.headers,v=l.items,q=l.keyExtractor,Y=l.loading,C=void 0!==Y&&Y,w=l.loadingItems,Q=void 0===w?10:w,H=l.loadingSkeletonHeight,R=void 0===H?13:H,N=l.maxHeight,I=void 0===N?"100%":N,D=l.noHoverBackground,z=void 0!==D&&D,Z=l.onRowClick,B=l.onRowHover,O=l.renderFooter,P=l.selectable,W=void 0===P?{enabled:!1}:P,F=l.style;return d.jsx("div",{className:m.default(s,j),style:e.__assign({maxHeight:I},F),children:d.jsxs("table",{className:m.default(T.enabled&&h,b,n&&c,k.every((function(e){return!e.name}))&&p),children:[d.jsxs("colgroup",{children:[!!W.onHeaderCheckboxChange&&d.jsx("col",{width:0}),k.map((function(e){return d.jsx("col",{style:{minWidth:void 0!==e.minWidth?"".concat(e.minWidth,"px"):void 0},width:void 0!==e.width?"".concat(e.width,"%"):void 0},e.key)})),T.enabled&&d.jsx("col",{})]}),d.jsx("thead",{children:d.jsxs("tr",{children:[!!W.onHeaderCheckboxChange&&d.jsx("th",{className:S,children:W.renderCustomHeaderCheckbox||d.jsx(o.Checkbox,{checked:!C&&W.headerCheckboxValue||!1,className:y,"data-testid":"amino--header-checkbox",disabled:C,onChange:W.onHeaderCheckboxChange})}),k.map((function(e){return d.jsx("th",{className:m.default(e.noPadding&&S),style:{textAlign:e.align||"start"},children:"string"==typeof e.name?d.jsx(t.Text,{color:"gray800",type:"small-header",children:e.name}):e.name},e.key)})),T.enabled&&d.jsx("th",{})]})}),d.jsx("tbody",{children:C?e.__spreadArray([],e.__read(Array(Q).keys()),!1).map((function(e){return d.jsxs("tr",{children:[W.enabled&&d.jsx("td",{className:_,children:d.jsx("div",{children:d.jsx(i.Skeleton,{height:R},e)})}),k.map((function(l){return d.jsx("td",{className:m.default(_,l.noPadding&&S),children:d.jsx("div",{className:u,style:{justifyContent:x(l.align)},children:d.jsx(i.Skeleton,{height:R,style:{width:"70%"}},e)})},l.key)})),T.enabled&&d.jsx("td",{})]},e)})):v.map((function(e,l){var o=q(e);return d.jsx(a.SimpleTableRow,{CustomLinkComponent:g,bordered:n,collapsible:T,getRowLink:f,headers:k,index:l,item:e,noHoverBackground:z,onRowClick:Z,onRowHover:B,rowKey:o,selectable:W},o)}))}),O]})})};

package/components/simple-table/SimpleTableRow.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import type { SimpleTableHeader, SimpleTableProps } from './SimpleTable';
+type SimpleTableRowProps<T extends object> = {
+    CustomLinkComponent?: SimpleTableProps<T>['CustomLinkComponent'];
+    bordered: SimpleTableProps<T>['bordered'];
+    collapsible: SimpleTableProps<T>['collapsible'];
+    getRowLink?: (item: T) => string;
+    headers: SimpleTableHeader<T>[];
+    index: number;
+    item: T;
+    noHoverBackground: boolean;
+    onRowClick?: (item: T) => void;
+    onRowHover?: (item: T) => void;
+    rowKey: string;
+    selectable: SimpleTableProps<T>['selectable'];
+};
+/**
+ * SimpleTableRow is an internal component used by SimpleTable to render each table row.
+ * It supports selectable rows, collapsible content, custom cell rendering, and row click/hover handlers.
+ *
+ * @remarks
+ * This component is not intended for direct use. Use `SimpleTable` for all table needs.
+ *
+ * @example Used internally by SimpleTable
+ * ```tsx
+ * <SimpleTable
+ *   headers={headers}
+ *   items={items}
+ *   keyExtractor={item => String(item.id)}
+ * />
+ * ```
+ */
+export declare const SimpleTableRow: <T extends object>({ bordered, collapsible, CustomLinkComponent, getRowLink, headers, index, item, noHoverBackground, onRowClick, onRowHover, rowKey, selectable, }: SimpleTableRowProps<T>) => React.JSX.Element;
+export {};

package/components/simple-table/SimpleTableRow.js

@@ -1 +1 @@
-"use strict";var e=require("react"),l=require("clsx"),o=require("../checkbox/Checkbox.js"),t=require("../table/TableRowCollapse.js"),i=require("../tooltip/Tooltip.js"),r=require("../../style-inject.es-d4ddeae4.js");function n(e){return e&&e.__esModule?e:{default:e}}require("../../_rollupPluginBabelHelpers-77a6284f.js"),require("../../tslib.es6-8c21e256.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("../../utils/getTestId.js"),require("../button/Button.js"),require("../button/RippleGroup.js"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../collapse/Collapse.js"),require("@mui/material/Collapse"),require("../table/TableCell.js"),require("../table/TableRow.js"),require("../../icons/ChevronUpIcon.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../flex/Flex.js");var a=n(e),d=n(l),m="Amino_SimpleTableRow-module__styledTr--7wqmD",u="Amino_SimpleTableRow-module__bordered--F4nVy",s="Amino_SimpleTableRow-module__collapsed--1b0eu",c="Amino_SimpleTableRow-module__withHover--lsi66",_="Amino_SimpleTableRow-module__clickable--cwD9E",p="Amino_SimpleTableRow-module__noPadding--r2KPc",w="Amino_SimpleTableRow-module__allowTextWrap--jGjMo",b="Amino_SimpleTableRow-module__shouldTruncate--DUSAV",h="Amino_SimpleTableRow-module__hasContent--wJBWQ";r.styleInject(".Amino_SimpleTableRow-module__styledTr--7wqmD{height:48px}.Amino_SimpleTableRow-module__styledTr--7wqmD.Amino_SimpleTableRow-module__bordered--F4nVy:nth-last-child(2).Amino_SimpleTableRow-module__collapsed--1b0eu td:first-child{border-bottom-left-radius:12px}.Amino_SimpleTableRow-module__styledTr--7wqmD.Amino_SimpleTableRow-module__bordered--F4nVy:nth-last-child(2).Amino_SimpleTableRow-module__collapsed--1b0eu td:last-child{border-bottom-right-radius:12px}.Amino_SimpleTableRow-module__styledTr--7wqmD.Amino_SimpleTableRow-module__withHover--lsi66:hover{background-color:var(--amino-hover-color)}.Amino_SimpleTableRow-module__styledTr--7wqmD.Amino_SimpleTableRow-module__clickable--cwD9E{cursor:pointer}.Amino_SimpleTableRow-module__styledTr--7wqmD:not(:hover) .row-hover-show{visibility:collapse}.Amino_SimpleTableRow-module__styledTr--7wqmD>td{border-bottom:var(--amino-border-subtle);padding:0}.Amino_SimpleTableRow-module__styledTr--7wqmD>td>:first-child{display:block;height:100%;padding:12px;white-space:nowrap;width:100%}.Amino_SimpleTableRow-module__styledTr--7wqmD>td>:first-child.tooltip-wrapper{padding:0}.Amino_SimpleTableRow-module__styledTr--7wqmD>td>:first-child.tooltip-wrapper>a,.Amino_SimpleTableRow-module__styledTr--7wqmD>td>:first-child.tooltip-wrapper>span{display:block;height:100%;overflow:hidden;padding:12px;text-overflow:ellipsis;width:100%}.Amino_SimpleTableRow-module__styledTr--7wqmD>td>:first-child.Amino_SimpleTableRow-module__noPadding--r2KPc{padding:0}.Amino_SimpleTableRow-module__styledTr--7wqmD>td>:first-child.Amino_SimpleTableRow-module__allowTextWrap--jGjMo{white-space:normal}.Amino_SimpleTableRow-module__styledTr--7wqmD>td>:first-child:not(:hover) .cell-hover-show{visibility:collapse}.Amino_SimpleTableRow-module__styledTr--7wqmD>td.Amino_SimpleTableRow-module__shouldTruncate--DUSAV{max-width:var(--amino-cell-min-width);min-width:var(--amino-cell-min-width)}.Amino_SimpleTableRow-module__styledTr--7wqmD>td.Amino_SimpleTableRow-module__shouldTruncate--DUSAV>:first-child{overflow:hidden;text-overflow:ellipsis}.Amino_SimpleTableRow-module__styledTr--7wqmD:not(.Amino_SimpleTableRow-module__collapsed--1b0eu) td{border-bottom:var(--amino-border-subtle)}.Amino_SimpleTableRow-module__styledTr--7wqmD.Amino_SimpleTableRow-module__collapsed--1b0eu.Amino_SimpleTableRow-module__hasContent--wJBWQ+tr>td{border:0}.Amino_SimpleTableRow-module__styledTr--7wqmD.Amino_SimpleTableRow-module__collapsed--1b0eu.Amino_SimpleTableRow-module__hasContent--wJBWQ+tr>td>:first-child{padding:0}");var T=800;exports.SimpleTableRow=function(l){var r,n,v=l.bordered,f=l.collapsible,R=l.CustomLinkComponent,y=l.getRowLink,S=l.headers,q=l.index,A=l.item,g=l.noHoverBackground,x=l.onRowClick,C=l.onRowHover,k=l.rowKey,D=l.selectable,j=e.useRef(null),E=function(){var l,t,r;return a.default.createElement(a.default.Fragment,null,(null==D?void 0:D.enabled)&&a.default.createElement("td",{ref:j},(null===(l=null==D?void 0:D.renderCustomRowCheckbox)||void 0===l?void 0:l.call(D,A,q))||a.default.createElement(o.Checkbox,{checked:(null===(t=null==D?void 0:D.isRowChecked)||void 0===t?void 0:t.call(D,A,q))||!1,"data-testid":"amino--row-checkbox-".concat(k),disabled:(null===(r=null==D?void 0:D.isRowCheckboxDisabled)||void 0===r?void 0:r.call(D,A,q))||!1,onChange:function(e){var l;return null===(l=null==D?void 0:D.onRowCheckboxChange)||void 0===l?void 0:l.call(D,e,A,q)}})),S.map((function(l){return a.default.createElement(e.Fragment,{key:l.key},function(e){var l=A[e.key],o=function(l){var o=a.default.Children.toArray(l).some((function(e){return!!a.default.isValidElement(e)&&/row-hover-show|cell-hover-show/.test(e.props.className)})),t=d.default("truncate"===e.textWrapMethod&&!o&&b),r={"--amino-cell-min-width":"".concat(e.minWidth||0,"px")},n=d.default(e.noPadding&&p,"normal"===e.textWrapMethod&&w),m={textAlign:e.align||"start"},u=function(e){switch(e){case"center":return"bottom";case"end":return"bottom-end";default:return"bottom-start"}}(e.align);if(y&&!(null==D?void 0:D.anySelected)&&!e.disabledLink){var s=R||"a";return a.default.createElement("td",{className:t,style:r},a.default.createElement(i.Tooltip,{disabled:"truncate"!==e.textWrapMethod,enterDelay:T,enterNextDelay:T,placement:u,subtitle:l},a.default.createElement(s,{className:n,href:y(A),style:m},l)))}return a.default.createElement("td",{className:t,style:r},a.default.createElement(i.Tooltip,{disabled:"truncate"!==e.textWrapMethod,enterDelay:T,enterNextDelay:T,placement:u,subtitle:l},a.default.createElement("span",{className:n,style:m},l)))};return e.renderCustom?a.default.createElement(a.default.Fragment,null,o(e.renderCustom(l,A))):a.default.createElement(a.default.Fragment,null,o(String(l)))}(l))})))};if((null==f?void 0:f.enabled)&&(null===(r=f.collapseContent)||void 0===r?void 0:r.length)){var W=f.collapseContent,N=f.expandedItemKeys,F=f.toggleItem,M=!N.includes(k),B=null===(n=null==W?void 0:W.find((function(e){return e.key===k})))||void 0===n?void 0:n.content;return a.default.createElement(t.TableRowCollapse,{key:k,className:d.default(m,!g&&c,M&&s,B&&h,v&&u),collapsed:M,onToggleCollapse:function(){F(k),null==x||x(A)},rowContent:E(),rowKey:k},B)}var I=!!x||!!(null==D?void 0:D.anySelected)&&!!(null==D?void 0:D.onRowCheckboxChange);return a.default.createElement("tr",{key:k,className:d.default(m,I&&_,!g&&c,v&&u),"data-testid":"amino--row-".concat(k),onClick:function(e){var l,o,t,i;(null==D?void 0:D.anySelected)||(null===(l=j.current)||void 0===l?void 0:l.contains(e.target))?(null===(o=null==D?void 0:D.isRowCheckboxDisabled)||void 0===o?void 0:o.call(D,A,q))||(e.preventDefault(),null===(t=null==D?void 0:D.onRowCheckboxChange)||void 0===t||t.call(D,!(null===(i=null==D?void 0:D.isRowChecked)||void 0===i?void 0:i.call(D,A,q)),A,q)):null==x||x(A)},onMouseEnter:function(){return null==C?void 0:C(A)}},E())};
+"use strict";var e=require("react"),l=require("clsx"),o=require("../checkbox/Checkbox.js"),i=require("../table/TableRowCollapse.js"),t=require("../tooltip/Tooltip.js"),r=require("../../style-inject.es-d4ddeae4.js"),n=require("react/jsx-runtime");function d(e){return e&&e.__esModule?e:{default:e}}require("../../_rollupPluginBabelHelpers-697f213c.js"),require("../../tslib.es6-8c21e256.js"),require("framer-motion"),require("../help-text/HelpText.js"),require("../text/Text.js"),require("../../styles/constants/theme.js"),require("../../icons/CheckmarkIcon.js"),require("../../icons/icon-base/_IconBase.js"),require("../../global.module-569e4fd5.js"),require("../../utils/getTestId.js"),require("../button/Button.js"),require("../button/RippleGroup.js"),require("uuid"),require("../button/_Ripple.js"),require("../../utils/getAminoColor.js"),require("../button/useRipple.js"),require("../spinner/Spinner.js"),require("../collapse/Collapse.js"),require("@mui/material/Collapse"),require("../table/TableCell.js"),require("../table/TableRow.js"),require("../../icons/ChevronUpIcon.js"),require("@mui/material/styles"),require("@mui/material/Tooltip"),require("../flex/Flex.js");var a=d(e),m=d(l),s="Amino_SimpleTableRow-module__styledTr--7wqmD",u="Amino_SimpleTableRow-module__bordered--F4nVy",c="Amino_SimpleTableRow-module__collapsed--1b0eu",_="Amino_SimpleTableRow-module__withHover--lsi66",p="Amino_SimpleTableRow-module__clickable--cwD9E",w="Amino_SimpleTableRow-module__noPadding--r2KPc",b="Amino_SimpleTableRow-module__allowTextWrap--jGjMo",h="Amino_SimpleTableRow-module__shouldTruncate--DUSAV",T="Amino_SimpleTableRow-module__hasContent--wJBWQ";r.styleInject(".Amino_SimpleTableRow-module__styledTr--7wqmD{height:48px}.Amino_SimpleTableRow-module__styledTr--7wqmD.Amino_SimpleTableRow-module__bordered--F4nVy:nth-last-child(2).Amino_SimpleTableRow-module__collapsed--1b0eu td:first-child{border-bottom-left-radius:12px}.Amino_SimpleTableRow-module__styledTr--7wqmD.Amino_SimpleTableRow-module__bordered--F4nVy:nth-last-child(2).Amino_SimpleTableRow-module__collapsed--1b0eu td:last-child{border-bottom-right-radius:12px}.Amino_SimpleTableRow-module__styledTr--7wqmD.Amino_SimpleTableRow-module__withHover--lsi66:hover{background-color:var(--amino-hover-color)}.Amino_SimpleTableRow-module__styledTr--7wqmD.Amino_SimpleTableRow-module__clickable--cwD9E{cursor:pointer}.Amino_SimpleTableRow-module__styledTr--7wqmD:not(:hover) .row-hover-show{visibility:collapse}.Amino_SimpleTableRow-module__styledTr--7wqmD>td{border-bottom:var(--amino-border-subtle);padding:0}.Amino_SimpleTableRow-module__styledTr--7wqmD>td>:first-child{display:block;height:100%;padding:12px;white-space:nowrap;width:100%}.Amino_SimpleTableRow-module__styledTr--7wqmD>td>:first-child.tooltip-wrapper{padding:0}.Amino_SimpleTableRow-module__styledTr--7wqmD>td>:first-child.tooltip-wrapper>a,.Amino_SimpleTableRow-module__styledTr--7wqmD>td>:first-child.tooltip-wrapper>span{display:block;height:100%;overflow:hidden;padding:12px;text-overflow:ellipsis;width:100%}.Amino_SimpleTableRow-module__styledTr--7wqmD>td>:first-child.Amino_SimpleTableRow-module__noPadding--r2KPc{padding:0}.Amino_SimpleTableRow-module__styledTr--7wqmD>td>:first-child.Amino_SimpleTableRow-module__allowTextWrap--jGjMo{white-space:normal}.Amino_SimpleTableRow-module__styledTr--7wqmD>td>:first-child:not(:hover) .cell-hover-show{visibility:collapse}.Amino_SimpleTableRow-module__styledTr--7wqmD>td.Amino_SimpleTableRow-module__shouldTruncate--DUSAV{max-width:var(--amino-cell-min-width);min-width:var(--amino-cell-min-width)}.Amino_SimpleTableRow-module__styledTr--7wqmD>td.Amino_SimpleTableRow-module__shouldTruncate--DUSAV>:first-child{overflow:hidden;text-overflow:ellipsis}.Amino_SimpleTableRow-module__styledTr--7wqmD:not(.Amino_SimpleTableRow-module__collapsed--1b0eu) td{border-bottom:var(--amino-border-subtle)}.Amino_SimpleTableRow-module__styledTr--7wqmD.Amino_SimpleTableRow-module__collapsed--1b0eu.Amino_SimpleTableRow-module__hasContent--wJBWQ+tr>td{border:0}.Amino_SimpleTableRow-module__styledTr--7wqmD.Amino_SimpleTableRow-module__collapsed--1b0eu.Amino_SimpleTableRow-module__hasContent--wJBWQ+tr>td>:first-child{padding:0}");var v=800;exports.SimpleTableRow=function(l){var r,d,R=l.bordered,x=l.collapsible,q=l.CustomLinkComponent,S=l.getRowLink,y=l.headers,A=l.index,f=l.item,j=l.noHoverBackground,g=l.onRowClick,C=l.onRowHover,D=l.rowKey,k=l.selectable,W=e.useRef(null),N=function(e){var l=f[e.key],o=function(l){var o=a.default.Children.toArray(l).some((function(e){return!!a.default.isValidElement(e)&&/row-hover-show|cell-hover-show/.test(e.props.className)})),i=m.default("truncate"===e.textWrapMethod&&!o&&h),r={"--amino-cell-min-width":"".concat(e.minWidth||0,"px")},d=m.default(e.noPadding&&w,"normal"===e.textWrapMethod&&b),s={textAlign:e.align||"start"},u=function(e){switch(e){case"center":return"bottom";case"end":return"bottom-end";default:return"bottom-start"}}(e.align);if(S&&!(null==k?void 0:k.anySelected)&&!e.disabledLink){var c=q||"a";return n.jsx("td",{className:i,style:r,children:n.jsx(t.Tooltip,{disabled:"truncate"!==e.textWrapMethod,enterDelay:v,enterNextDelay:v,placement:u,subtitle:l,children:n.jsx(c,{className:d,href:S(f),style:s,children:l})})})}return n.jsx("td",{className:i,style:r,children:n.jsx(t.Tooltip,{disabled:"truncate"!==e.textWrapMethod,enterDelay:v,enterNextDelay:v,placement:u,subtitle:l,children:n.jsx("span",{className:d,style:s,children:l})})})};return e.renderCustom?n.jsx(n.Fragment,{children:o(e.renderCustom(l,f))}):n.jsx(n.Fragment,{children:o(String(l))})},F=function(){var l,i,t;return n.jsxs(n.Fragment,{children:[(null==k?void 0:k.enabled)&&n.jsx("td",{ref:W,children:(null===(l=null==k?void 0:k.renderCustomRowCheckbox)||void 0===l?void 0:l.call(k,f,A))||n.jsx(o.Checkbox,{checked:(null===(i=null==k?void 0:k.isRowChecked)||void 0===i?void 0:i.call(k,f,A))||!1,"data-testid":"amino--row-checkbox-".concat(D),disabled:(null===(t=null==k?void 0:k.isRowCheckboxDisabled)||void 0===t?void 0:t.call(k,f,A))||!1,onChange:function(e){var l;return null===(l=null==k?void 0:k.onRowCheckboxChange)||void 0===l?void 0:l.call(k,e,f,A)}})}),y.map((function(l){return n.jsx(e.Fragment,{children:N(l)},l.key)}))]})};if((null==x?void 0:x.enabled)&&(null===(r=x.collapseContent)||void 0===r?void 0:r.length)){var M=x.collapseContent,B=x.expandedItemKeys,I=x.toggleItem,V=!B.includes(D),H=null===(d=null==M?void 0:M.find((function(e){return e.key===D})))||void 0===d?void 0:d.content;return n.jsx(i.TableRowCollapse,{className:m.default(s,!j&&_,V&&c,H&&T,R&&u),collapsed:V,onToggleCollapse:function(){I(D),null==g||g(f)},rowContent:F(),rowKey:D,children:H},D)}var P=!!g||!!(null==k?void 0:k.anySelected)&&!!(null==k?void 0:k.onRowCheckboxChange);return n.jsx("tr",{className:m.default(s,P&&p,!j&&_,R&&u),"data-testid":"amino--row-".concat(D),onClick:function(e){var l,o,i,t;(null==k?void 0:k.anySelected)||(null===(l=W.current)||void 0===l?void 0:l.contains(e.target))?(null===(o=null==k?void 0:k.isRowCheckboxDisabled)||void 0===o?void 0:o.call(k,f,A))||(e.preventDefault(),null===(i=null==k?void 0:k.onRowCheckboxChange)||void 0===i||i.call(k,!(null===(t=null==k?void 0:k.isRowChecked)||void 0===t?void 0:t.call(k,f,A)),f,A)):null==g||g(f)},onMouseEnter:function(){return null==C?void 0:C(f)},children:F()},D)};

package/components/skeleton/Skeleton.d.ts

@@ -0,0 +1,50 @@
+import type { ReactNode } from 'react';
+import type { BaseProps } from "../../types/BaseProps";
+export type SkeletonProps = BaseProps & {
+    animation?: boolean;
+    children?: ReactNode;
+    height?: number;
+    width?: number;
+};
+/**
+ * Skeleton displays a placeholder block to indicate loading content.
+ * It can be used to mimic the shape of text, cards, or other UI elements while data is loading.
+ * Supports custom width, height, animation, and children for more advanced skeleton states.
+ *
+ * @example Basic usage
+ * ```tsx
+ * <Skeleton height={20} width={200} />
+ * ```
+ *
+ * @example Animated skeleton
+ * ```tsx
+ * <Skeleton animation height={32} width={300} />
+ * ```
+ *
+ * @example Skeleton inside a card
+ * ```tsx
+ * <Card label="Loading...">
+ *   <Skeleton height={24} width={180} />
+ *   <Skeleton height={16} width={220} />
+ * </Card>
+ * ```
+ *
+ * @example With children (content overlay)
+ * ```tsx
+ * <Skeleton height={100} width={400}>
+ *   <Text color="gray600" type="subheader">
+ *     Generating report...
+ *   </Text>
+ * </Skeleton>
+ * ```
+ *
+ * @example Multiple skeleton lines
+ * ```tsx
+ * <VStack spacing={8}>
+ *   <Skeleton height={16} width={180} />
+ *   <Skeleton height={16} width={220} />
+ *   <Skeleton height={16} width={200} />
+ * </VStack>
+ * ```
+ */
+export declare const Skeleton: ({ animation, children, className, height, style, width, }: SkeletonProps) => import("react").JSX.Element;