sate-lib 2.24.0 → 2.26.0

package/lib/components/search-input/search-input.d.ts

@@ -1,18 +1,13 @@
+import type { InputHTMLAttributes } from "react";
 type Variant = "outlined" | "filled";
 type Size = "small" | "medium" | "large";
-interface SearchInputProps {
-    autoComplete?: "on" | "off";
+export interface SearchInputProps {
     className?: string;
-    name: string;
-    placeholder?: string;
     supportingText?: string;
-    disabled?: boolean;
-    defaultValue?: string;
     variant?: Variant;
     inputSize?: Size;
-    info?: boolean;
-    onValueChange?: (value: string) => void;
+    inputProps?: InputHTMLAttributes<HTMLInputElement>;
 }
-export declare function SearchInput({ autoComplete, placeholder, variant, inputSize, name, onValueChange, supportingText, disabled, className, defaultValue, }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function SearchInput({ variant, inputSize, supportingText, className, inputProps, }: SearchInputProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=search-input.d.ts.map

package/lib/components/search-input/search-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../src/components/search-input/search-input.tsx"],"names":[],"mappings":"AAQA,KAAK,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;AACrC,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC,UAAU,gBAAgB;IACzB,YAAY,CAAC,EAAE,IAAI,GAAG,KAAK,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC;AAED,wBAAgB,WAAW,CAAC,EAC3B,YAAoB,EACpB,WAAsB,EACtB,OAAoB,EACpB,SAAmB,EACnB,IAAI,EACJ,aAAa,EACb,cAAc,EACd,QAAQ,EACR,SAAS,EACT,YAAY,GACZ,EAAE,gBAAgB,2CA4ElB"}
+{"version":3,"file":"search-input.d.ts","sourceRoot":"","sources":["../../../src/components/search-input/search-input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAQjD,KAAK,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;AACrC,KAAK,IAAI,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEzC,MAAM,WAAW,gBAAgB;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,UAAU,CAAC,EAAE,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;CACnD;AAED,wBAAgB,WAAW,CAAC,EAC3B,OAAoB,EACpB,SAAmB,EACnB,cAAc,EACd,SAAS,EACT,UAAU,GACV,EAAE,gBAAgB,2CA2ElB"}

package/lib/components/search-input/search-input.js

@@ -1 +1 @@
-import{jsx as e,jsxs as a}from"react/jsx-runtime";import{useState as t}from"react";import{cn as i}from"../../util.js";import{ButtonIcon as r}from"../button/button-icon.js";import s from"../icons/assets/Info.js";import l from"../icons/assets/MagnifyingGlass.js";import o from"../icons/assets/XCircleFill.js";import n from"./search-input.styles.module.js";function m({autoComplete:c="off",placeholder:d="Search",variant:u="outlined",inputSize:p="large",name:f,onValueChange:h,supportingText:b,disabled:g,className:v,defaultValue:j}){let[x,y]=t(j??""),N=(()=>{switch(p){case"small":return"bodyDefault";case"medium":case"large":return"bodyLarge";default:return""}})();return a("div",{className:i(n.root,n[p],N,g&&n.disabled,v),children:[a("div",{className:n.container,children:[e(l,{"aria-hidden":"true",className:n.leftIcon,size:"large"===p?24:"medium"===p?20:16}),e("input",{autoComplete:c,className:i(n.input,n[u]),disabled:g,name:f,onChange:e=>{let a=e.target.value;y(a),h?.(a)},placeholder:d,type:"text",value:x}),e("div",{className:n.clearButton,"data-visible":x?"true":"false",children:e(r,{"aria-hidden":!x||void 0,"aria-label":"Clear search",disabled:!x||g,icon:e(o,{size:"small"===p?16:18}),onClick:()=>{y(""),h?.("")},size:"small"===p?"xSmall":"small",tabIndex:x?0:-1,variant:"text"})})]}),b&&a("div",{className:i("bodySmall",n.supportingText),children:[e(s,{"aria-hidden":"true",size:16}),b]})]})}export{m as SearchInput};
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import{cn as s}from"../../util.js";import{ButtonIcon as i}from"../button/button-icon.js";import t from"../icons/assets/Info.js";import l from"../icons/assets/MagnifyingGlass.js";import r from"../icons/assets/XCircleFill.js";import n from"./search-input.styles.module.js";function o({variant:d="outlined",inputSize:m="large",supportingText:c,className:u,inputProps:p}){let f=p?.value==null?"":String(p.value),h=!!p?.disabled,g=(()=>{switch(m){case"small":return"bodyDefault";case"medium":case"large":return"bodyLarge";default:return""}})();return a("div",{className:s(n.root,n[m],g,h&&n.disabled,u),children:[a("div",{className:n.container,children:[e(l,{"aria-hidden":"true",className:n.leftIcon,size:"large"===m?24:"medium"===m?20:16}),e("input",{...p,className:s(n.input,n[d],p?.className),disabled:h,onChange:e=>{p?.onChange?.(e)},type:p?.type??"text",value:f}),e("div",{className:n.clearButton,"data-visible":f?"true":"false",children:e(i,{"aria-hidden":!f||void 0,"aria-label":"Clear search",disabled:!f||h,icon:e(r,{size:"small"===m?16:18}),onClick:()=>{p?.onChange?.({currentTarget:{value:""},target:{value:""}})},size:"small"===m?"xSmall":"small",tabIndex:f?0:-1,variant:"text"})})]}),c&&a("div",{className:s("bodySmall",n.supportingText),children:[e(t,{"aria-hidden":"true",size:16}),c]})]})}export{o as SearchInput};

package/lib/components/segmented-control/segmented-control.d.ts

@@ -1,17 +1,18 @@
 import type { ReactNode } from "react";
-interface Option {
+interface SegmentedControlOption {
     value: string;
     label: string;
     icon?: ReactNode;
     disabled?: boolean;
 }
 interface SegmentedControlProps {
-    options: Option[];
+    options: SegmentedControlOption[];
     name: string;
     defaultValue?: string;
     onChange?: (value: string) => void;
     className?: string;
+    ariaLabel?: string;
 }
-export declare function SegmentedControl({ options, name, defaultValue, onChange, className, }: SegmentedControlProps): import("react/jsx-runtime").JSX.Element;
+export declare function SegmentedControl({ options, name, defaultValue, onChange, className, ariaLabel, }: SegmentedControlProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=segmented-control.d.ts.map

package/lib/components/segmented-control/segmented-control.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/segmented-control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,UAAU,MAAM;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,qBAAqB;IAC9B,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,gBAAgB,CAAC,EAChC,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,SAAS,GACT,EAAE,qBAAqB,2CAgCvB"}
+{"version":3,"file":"segmented-control.d.ts","sourceRoot":"","sources":["../../../src/components/segmented-control/segmented-control.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAe,SAAS,EAAE,MAAM,OAAO,CAAC;AAIpD,UAAU,sBAAsB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,qBAAqB;IAC9B,OAAO,EAAE,sBAAsB,EAAE,CAAC;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,gBAAgB,CAAC,EAChC,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,QAAQ,EACR,SAAS,EACT,SAAS,GACT,EAAE,qBAAqB,2CAsCvB"}

package/lib/components/segmented-control/segmented-control.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{cn as l}from"../../util.js";import r from"./segmented-control.styles.module.js";function i({options:m,name:o,defaultValue:a,onChange:n,className:d}){return e("fieldset",{className:l("bodyDefault",r.root,d),children:m.map(({label:i,value:m,icon:d,disabled:s})=>{let c=`${o}-${m}`;return t("div",{className:l(r.item,s&&r.disabled),children:[e("input",{className:r.itemInput,defaultChecked:m===a,disabled:s,id:c,name:o,onChange:()=>n?.(m),type:"radio"}),t("label",{className:l(r.itemLabel,!!d&&r.withIcon),htmlFor:c,children:[d,i]})]},c)})})}export{i as SegmentedControl};
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{cn as l}from"../../util.js";import a from"./segmented-control.styles.module.js";function r({options:i,name:n,defaultValue:o,onChange:m,className:d,ariaLabel:s}){function c(e){m?.(e.currentTarget.value)}return e("fieldset",{"aria-label":s,className:l("bodyDefault",a.root,d),children:i.map(({label:r,value:i,icon:m,disabled:d})=>{let s=`${n}-${i}`;return t("div",{className:l(a.item,d&&a.disabled),children:[e("input",{className:a.itemInput,defaultChecked:i===o,disabled:d,id:s,name:n,onChange:c,type:"radio",value:i}),t("label",{className:l(a.itemLabel,!!m&&a.withIcon),htmlFor:s,children:[m,r]})]},s)})})}export{r as SegmentedControl};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "sate-lib",
-	"version": "2.24.0",
+	"version": "2.26.0",
 	"type": "module",
 	"private": false,
 	"keywords": [