@televet/kibble-ui 4.0.0-beta.47 → 4.0.0-beta.48
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/menu.component-CTze16Re.js.map +1 -1
- package/dist/chunks/menu.component-DfMZGgCy.js.map +1 -1
- package/dist/chunks/select.component-CASOsFQJ.js +2 -0
- package/dist/chunks/{select.component-9-2Fo505.js.map → select.component-CASOsFQJ.js.map} +1 -1
- package/dist/chunks/select.component-CEDzVkE_.js +391 -0
- package/dist/chunks/{select.component-C4Kx68wP.js.map → select.component-CEDzVkE_.js.map} +1 -1
- package/dist/chunks/{theme.provider-CnlvRUbx.js → theme.provider-B9PPowSI.js} +5 -3
- package/dist/chunks/{theme.provider-CnlvRUbx.js.map → theme.provider-B9PPowSI.js.map} +1 -1
- package/dist/chunks/{theme.provider-B8KfvKCf.js → theme.provider-DOj3vPkk.js} +2 -2
- package/dist/chunks/{theme.provider-B8KfvKCf.js.map → theme.provider-DOj3vPkk.js.map} +1 -1
- package/dist/cjs/components/Select/index.cjs +1 -1
- package/dist/cjs/components/index.cjs +1 -1
- package/dist/cjs/index.cjs +1 -1
- package/dist/cjs/theme/index.cjs +1 -1
- package/dist/esm/components/Select/index.js +1 -1
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/theme/index.js +1 -1
- package/dist/types/components/Select/select.component.d.ts +3 -0
- package/package.json +2 -2
- package/dist/chunks/select.component-9-2Fo505.js +0 -2
- package/dist/chunks/select.component-C4Kx68wP.js +0 -345
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/select.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/select.component-CASOsFQJ.js");exports.Select=e.WrappedSelect;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("../../chunks/alert.component-CjjsneE_.js"),q=require("../../chunks/alert.types-R_9yno9e.js"),S=require("../../chunks/avatar.component-C0lDpuBh.js"),i=require("../../chunks/avatar.types-Bmt5Uhfb.js"),v=require("../../chunks/avatarGroup.component-Cr2dLGn7.js"),T=require("../../chunks/button.component-ytAmAAJg.js"),e=require("../../chunks/button.types-DsLMGraz.js"),g=require("../../chunks/buttonGroup.component-BllwiY24.js"),y=require("../../chunks/card.component-nehAyK91.js"),b=require("../../chunks/card.types-MvkQTTZF.js"),C=require("../../chunks/characterCounter.component-L802Ir9b.js"),P=require("../../chunks/checkbox.component-jKQDjGYQ.js"),z=require("../../chunks/checkboxGroup.component-v0mNVsPd.js"),h=require("../../chunks/conversationCard.component-CTRfZQCI.js"),a=require("../../chunks/datePicker.component-DN3Vb2hm.js"),o=require("../../chunks/divider.types-luokl8-p.js"),k=require("../../chunks/heading.component-CgsSnBVo.js"),x=require("../../chunks/icon.component-4aaCABoX.js"),V=require("../../chunks/icon.types-2obj_NKG.js"),B=require("../../chunks/link.component-CRVhyVdO.js"),n=require("../../chunks/logo.types-Ddn7cI2i.js"),D=require("../../chunks/menu.component-DfMZGgCy.js"),t=require("../../chunks/modal.types-DJwWi7cT.js"),A=require("../../chunks/notificationCounter.component-Bm528kQ-.js"),s=require("../../chunks/notificationCounter.types-B_-siNfi.js"),G=require("../../chunks/picture.component-C9l8Zjob.js"),c=require("../../chunks/pinInput.types-CU3UyhyT.js"),I=require("../../chunks/popover.component-DU-JJabq.js"),r=require("../../chunks/popover.types-BF2KRf_I.js"),f=require("../../chunks/radioGroup.component-D9lKUJfv.js"),W=require("../../chunks/ratingDots.component-CdawEWbl.js"),M=require("../../chunks/select.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("../../chunks/alert.component-CjjsneE_.js"),q=require("../../chunks/alert.types-R_9yno9e.js"),S=require("../../chunks/avatar.component-C0lDpuBh.js"),i=require("../../chunks/avatar.types-Bmt5Uhfb.js"),v=require("../../chunks/avatarGroup.component-Cr2dLGn7.js"),T=require("../../chunks/button.component-ytAmAAJg.js"),e=require("../../chunks/button.types-DsLMGraz.js"),g=require("../../chunks/buttonGroup.component-BllwiY24.js"),y=require("../../chunks/card.component-nehAyK91.js"),b=require("../../chunks/card.types-MvkQTTZF.js"),C=require("../../chunks/characterCounter.component-L802Ir9b.js"),P=require("../../chunks/checkbox.component-jKQDjGYQ.js"),z=require("../../chunks/checkboxGroup.component-v0mNVsPd.js"),h=require("../../chunks/conversationCard.component-CTRfZQCI.js"),a=require("../../chunks/datePicker.component-DN3Vb2hm.js"),o=require("../../chunks/divider.types-luokl8-p.js"),k=require("../../chunks/heading.component-CgsSnBVo.js"),x=require("../../chunks/icon.component-4aaCABoX.js"),V=require("../../chunks/icon.types-2obj_NKG.js"),B=require("../../chunks/link.component-CRVhyVdO.js"),n=require("../../chunks/logo.types-Ddn7cI2i.js"),D=require("../../chunks/menu.component-DfMZGgCy.js"),t=require("../../chunks/modal.types-DJwWi7cT.js"),A=require("../../chunks/notificationCounter.component-Bm528kQ-.js"),s=require("../../chunks/notificationCounter.types-B_-siNfi.js"),G=require("../../chunks/picture.component-C9l8Zjob.js"),c=require("../../chunks/pinInput.types-CU3UyhyT.js"),I=require("../../chunks/popover.component-DU-JJabq.js"),r=require("../../chunks/popover.types-BF2KRf_I.js"),f=require("../../chunks/radioGroup.component-D9lKUJfv.js"),W=require("../../chunks/ratingDots.component-CdawEWbl.js"),M=require("../../chunks/select.component-CASOsFQJ.js"),w=require("../../chunks/sortableList.component-Engs9U32.js"),L=require("../../chunks/spinner.component-BuNeiOw3.js"),R=require("../../chunks/spinner.types-BCLN5-H2.js"),p=require("../../chunks/styledAvatar.types-BT8cujaA.js"),u=require("../../chunks/swatch.types-CeCazVD3.js"),O=require("../../chunks/switch.component-QSVPRhDJ.js"),F=require("../../chunks/tabs.component-Cy7BLGXM.js"),H=require("../../chunks/tag.component-C5MszzTM.js"),m=require("../../chunks/tag.types-BnDFgTvb.js"),d=require("../../chunks/tagBlock.component-CNWy7Cz4.js"),N=require("../../chunks/text.component-Dcx3RoTp.js"),j=require("../../chunks/textInput.component-BjQgcjCW.js"),E=require("../../chunks/textarea.component-BXtiF_l4.js"),l=require("../../chunks/timePicker.component-Bk5xtY7m.js"),J=require("../../chunks/timeRange.component-CWbreNV8.js"),K=require("../../chunks/timestamp.component-6Yax0uEP.js"),Q=require("./Toast/index.cjs"),U=require("../../chunks/tooltip.component-C7RpuMiK.js");exports.Alert=_.Alert;exports.alertButtonPositions=q.alertButtonPositions;exports.Avatar=S.Avatar;exports.avatarSizes=i.avatarSizes;exports.avatarVariants=i.avatarVariants;exports.AvatarGroup=v.AvatarGroup;exports.Button=T.Button;exports.buttonConfigVariants=e.buttonConfigVariants;exports.buttonIconPositions=e.buttonIconPositions;exports.buttonSizes=e.buttonSizes;exports.buttonSpinnerPlacements=e.buttonSpinnerPlacements;exports.buttonVariants=e.buttonVariants;exports.ButtonGroup=g.ButtonGroup;exports.Card=y.Card;exports.cardSizes=b.cardSizes;exports.CharacterCounter=C.CharacterCounter;exports.Checkbox=P.WrappedCheckbox;exports.CheckboxGroup=z.WrappedCheckboxGroup;exports.ConversationCard=h.ConversationCard;exports.DateFormats=a.DateFormats;exports.DatePicker=a.DatePicker;exports.Divider=o.Divider;exports.dividerOrientations=o.dividerOrientations;exports.dividerSizes=o.dividerSizes;exports.dividerVariants=o.dividerVariants;exports.Heading=k.WrappedHeading;exports.Icon=x.Icon;exports.iconSizes=V.iconSizes;exports.Link=B.Link;exports.Logo=n.Logo;exports.logoTypes=n.logoTypes;exports.logoVariants=n.logoVariants;exports.Menu=D.Menu;exports.Modal=t.Modal;exports.modalMotionPresets=t.modalMotionPresets;exports.modalPlacements=t.modalPlacements;exports.modalScrollBehaviors=t.modalScrollBehaviors;exports.modalSizes=t.modalSizes;exports.NotificationCounter=A.NotificationCounter;exports.notificationCounterSizes=s.notificationCounterSizes;exports.notificationCounterVariants=s.notificationCounterVariants;exports.Picture=G.Picture;exports.PinInput=c.WrappedPinInput;exports.pinInputTypes=c.pinInputTypes;exports.Popover=I.Popover;exports.popoverSizes=r.popoverSizes;exports.popoverTriggerTypes=r.popoverTriggerTypes;exports.popoverVariants=r.popoverVariants;exports.RadioGroup=f.WrappedRadioGroup;exports.RatingDots=W.RatingDots;exports.Select=M.WrappedSelect;exports.SortableList=w.SortableList;exports.Spinner=L.Spinner;exports.spinnerSizes=R.spinnerSizes;exports.StyledAvatar=p.StyledAvatar;exports.styledAvatarTypes=p.styledAvatarTypes;exports.Swatch=u.Swatch;exports.swatchSizes=u.swatchSizes;exports.Switch=O.WrappedSwitch;exports.Tabs=F.Tabs;exports.Tag=H.Tag;exports.closeButtonDisplays=m.closeButtonDisplays;exports.tagSizes=m.tagSizes;exports.TagBlock=d.TagBlock;exports.TagDisabledState=d.TagDisabledState;exports.Text=N.WrappedText;exports.TextInput=j.WrappedTextInput;exports.Textarea=E.WrappedTextArea;exports.Meridiem=l.Meridiem;exports.TimePicker=l.TimePicker;exports.TimeRange=J.TimeRange;exports.Timestamp=K.Timestamp;exports.useToast=Q.useToast;exports.Tooltip=U.Tooltip;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/cjs/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../chunks/alert.component-CjjsneE_.js"),y=require("../chunks/alert.types-R_9yno9e.js"),T=require("../chunks/avatar.component-C0lDpuBh.js"),a=require("../chunks/avatar.types-Bmt5Uhfb.js"),b=require("../chunks/avatarGroup.component-Cr2dLGn7.js"),h=require("../chunks/button.component-ytAmAAJg.js"),e=require("../chunks/button.types-DsLMGraz.js"),C=require("../chunks/buttonGroup.component-BllwiY24.js"),P=require("../chunks/card.component-nehAyK91.js"),z=require("../chunks/card.types-MvkQTTZF.js"),x=require("../chunks/characterCounter.component-L802Ir9b.js"),k=require("../chunks/checkbox.component-jKQDjGYQ.js"),V=require("../chunks/checkboxGroup.component-v0mNVsPd.js"),D=require("../chunks/conversationCard.component-CTRfZQCI.js"),s=require("../chunks/datePicker.component-DN3Vb2hm.js"),r=require("../chunks/divider.types-luokl8-p.js"),M=require("../chunks/heading.component-CgsSnBVo.js"),f=require("../chunks/icon.component-4aaCABoX.js"),B=require("../chunks/icon.types-2obj_NKG.js"),w=require("../chunks/link.component-CRVhyVdO.js"),n=require("../chunks/logo.types-Ddn7cI2i.js"),A=require("../chunks/menu.component-DfMZGgCy.js"),t=require("../chunks/modal.types-DJwWi7cT.js"),G=require("../chunks/notificationCounter.component-Bm528kQ-.js"),c=require("../chunks/notificationCounter.types-B_-siNfi.js"),I=require("../chunks/picture.component-C9l8Zjob.js"),p=require("../chunks/pinInput.types-CU3UyhyT.js"),W=require("../chunks/popover.component-DU-JJabq.js"),i=require("../chunks/popover.types-BF2KRf_I.js"),L=require("../chunks/radioGroup.component-D9lKUJfv.js"),R=require("../chunks/ratingDots.component-CdawEWbl.js"),O=require("../chunks/select.component-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("../chunks/alert.component-CjjsneE_.js"),y=require("../chunks/alert.types-R_9yno9e.js"),T=require("../chunks/avatar.component-C0lDpuBh.js"),a=require("../chunks/avatar.types-Bmt5Uhfb.js"),b=require("../chunks/avatarGroup.component-Cr2dLGn7.js"),h=require("../chunks/button.component-ytAmAAJg.js"),e=require("../chunks/button.types-DsLMGraz.js"),C=require("../chunks/buttonGroup.component-BllwiY24.js"),P=require("../chunks/card.component-nehAyK91.js"),z=require("../chunks/card.types-MvkQTTZF.js"),x=require("../chunks/characterCounter.component-L802Ir9b.js"),k=require("../chunks/checkbox.component-jKQDjGYQ.js"),V=require("../chunks/checkboxGroup.component-v0mNVsPd.js"),D=require("../chunks/conversationCard.component-CTRfZQCI.js"),s=require("../chunks/datePicker.component-DN3Vb2hm.js"),r=require("../chunks/divider.types-luokl8-p.js"),M=require("../chunks/heading.component-CgsSnBVo.js"),f=require("../chunks/icon.component-4aaCABoX.js"),B=require("../chunks/icon.types-2obj_NKG.js"),w=require("../chunks/link.component-CRVhyVdO.js"),n=require("../chunks/logo.types-Ddn7cI2i.js"),A=require("../chunks/menu.component-DfMZGgCy.js"),t=require("../chunks/modal.types-DJwWi7cT.js"),G=require("../chunks/notificationCounter.component-Bm528kQ-.js"),c=require("../chunks/notificationCounter.types-B_-siNfi.js"),I=require("../chunks/picture.component-C9l8Zjob.js"),p=require("../chunks/pinInput.types-CU3UyhyT.js"),W=require("../chunks/popover.component-DU-JJabq.js"),i=require("../chunks/popover.types-BF2KRf_I.js"),L=require("../chunks/radioGroup.component-D9lKUJfv.js"),R=require("../chunks/ratingDots.component-CdawEWbl.js"),O=require("../chunks/select.component-CASOsFQJ.js"),F=require("../chunks/sortableList.component-Engs9U32.js"),H=require("../chunks/spinner.component-BuNeiOw3.js"),K=require("../chunks/spinner.types-BCLN5-H2.js"),u=require("../chunks/styledAvatar.types-BT8cujaA.js"),d=require("../chunks/swatch.types-CeCazVD3.js"),N=require("../chunks/switch.component-QSVPRhDJ.js"),j=require("../chunks/tabs.component-Cy7BLGXM.js"),$=require("../chunks/tag.component-C5MszzTM.js"),m=require("../chunks/tag.types-BnDFgTvb.js"),l=require("../chunks/tagBlock.component-CNWy7Cz4.js"),E=require("../chunks/text.component-Dcx3RoTp.js"),J=require("../chunks/textInput.component-BjQgcjCW.js"),Q=require("../chunks/textarea.component-BXtiF_l4.js"),q=require("../chunks/timePicker.component-Bk5xtY7m.js"),U=require("../chunks/timeRange.component-CWbreNV8.js"),X=require("../chunks/timestamp.component-6Yax0uEP.js"),Y=require("./components/Toast/index.cjs"),Z=require("../chunks/tooltip.component-C7RpuMiK.js"),_=require("../chunks/index-lIficens.js"),v=require("../chunks/index-CkYZf9Pm.js"),o=require("./shared/types/index.cjs"),S=require("../chunks/theme.provider-DOj3vPkk.js");exports.Alert=g.Alert;exports.alertButtonPositions=y.alertButtonPositions;exports.Avatar=T.Avatar;exports.avatarSizes=a.avatarSizes;exports.avatarVariants=a.avatarVariants;exports.AvatarGroup=b.AvatarGroup;exports.Button=h.Button;exports.buttonConfigVariants=e.buttonConfigVariants;exports.buttonIconPositions=e.buttonIconPositions;exports.buttonSizes=e.buttonSizes;exports.buttonSpinnerPlacements=e.buttonSpinnerPlacements;exports.buttonVariants=e.buttonVariants;exports.ButtonGroup=C.ButtonGroup;exports.Card=P.Card;exports.cardSizes=z.cardSizes;exports.CharacterCounter=x.CharacterCounter;exports.Checkbox=k.WrappedCheckbox;exports.CheckboxGroup=V.WrappedCheckboxGroup;exports.ConversationCard=D.ConversationCard;exports.DateFormats=s.DateFormats;exports.DatePicker=s.DatePicker;exports.Divider=r.Divider;exports.dividerOrientations=r.dividerOrientations;exports.dividerSizes=r.dividerSizes;exports.dividerVariants=r.dividerVariants;exports.Heading=M.WrappedHeading;exports.Icon=f.Icon;exports.iconSizes=B.iconSizes;exports.Link=w.Link;exports.Logo=n.Logo;exports.logoTypes=n.logoTypes;exports.logoVariants=n.logoVariants;exports.Menu=A.Menu;exports.Modal=t.Modal;exports.modalMotionPresets=t.modalMotionPresets;exports.modalPlacements=t.modalPlacements;exports.modalScrollBehaviors=t.modalScrollBehaviors;exports.modalSizes=t.modalSizes;exports.NotificationCounter=G.NotificationCounter;exports.notificationCounterSizes=c.notificationCounterSizes;exports.notificationCounterVariants=c.notificationCounterVariants;exports.Picture=I.Picture;exports.PinInput=p.WrappedPinInput;exports.pinInputTypes=p.pinInputTypes;exports.Popover=W.Popover;exports.popoverSizes=i.popoverSizes;exports.popoverTriggerTypes=i.popoverTriggerTypes;exports.popoverVariants=i.popoverVariants;exports.RadioGroup=L.WrappedRadioGroup;exports.RatingDots=R.RatingDots;exports.Select=O.WrappedSelect;exports.SortableList=F.SortableList;exports.Spinner=H.Spinner;exports.spinnerSizes=K.spinnerSizes;exports.StyledAvatar=u.StyledAvatar;exports.styledAvatarTypes=u.styledAvatarTypes;exports.Swatch=d.Swatch;exports.swatchSizes=d.swatchSizes;exports.Switch=N.WrappedSwitch;exports.Tabs=j.Tabs;exports.Tag=$.Tag;exports.closeButtonDisplays=m.closeButtonDisplays;exports.tagSizes=m.tagSizes;exports.TagBlock=l.TagBlock;exports.TagDisabledState=l.TagDisabledState;exports.Text=E.WrappedText;exports.TextInput=J.WrappedTextInput;exports.Textarea=Q.WrappedTextArea;exports.Meridiem=q.Meridiem;exports.TimePicker=q.TimePicker;exports.TimeRange=U.TimeRange;exports.Timestamp=X.Timestamp;exports.useToast=Y.useToast;exports.Tooltip=Z.Tooltip;exports.withDarkMode=_.withDarkMode;exports.withLightMode=_.withLightMode;exports.useColorMode=v.useColorMode;exports.useColorModeValue=v.useColorModeValue;exports.alignments=o.alignments;exports.flexDirections=o.flexDirections;exports.placements=o.placements;exports.statuses=o.statuses;exports.typographyVariants=o.typographyVariants;exports.KibbleThemeProvider=S.KibbleThemeProvider;exports.system=S.system;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
package/dist/cjs/theme/index.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/theme.provider-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/theme.provider-DOj3vPkk.js");exports.KibbleThemeProvider=e.KibbleThemeProvider;exports.system=e.system;
|
|
2
2
|
//# sourceMappingURL=index.cjs.map
|
|
@@ -29,7 +29,7 @@ import { P as Co } from "../../chunks/popover.component-LH8cQ5xp.js";
|
|
|
29
29
|
import { p as Po, b as zo, a as Wo } from "../../chunks/popover.types-C-V7Diw4.js";
|
|
30
30
|
import { W as Bo } from "../../chunks/radioGroup.component-BijXqMDe.js";
|
|
31
31
|
import { R as ho } from "../../chunks/ratingDots.component-CgBG_tvz.js";
|
|
32
|
-
import { W as Mo } from "../../chunks/select.component-
|
|
32
|
+
import { W as Mo } from "../../chunks/select.component-CEDzVkE_.js";
|
|
33
33
|
import { S as ko } from "../../chunks/sortableList.component-BRToMbfY.js";
|
|
34
34
|
import { S as Lo } from "../../chunks/spinner.component-DCSsW51J.js";
|
|
35
35
|
import { s as Ro } from "../../chunks/spinner.types-g7cTFJkb.js";
|
package/dist/esm/index.js
CHANGED
|
@@ -29,7 +29,7 @@ import { P as go } from "../chunks/popover.component-LH8cQ5xp.js";
|
|
|
29
29
|
import { p as Po, b as ho, a as zo } from "../chunks/popover.types-C-V7Diw4.js";
|
|
30
30
|
import { W as yo } from "../chunks/radioGroup.component-BijXqMDe.js";
|
|
31
31
|
import { R as Wo } from "../chunks/ratingDots.component-CgBG_tvz.js";
|
|
32
|
-
import { W as Ao } from "../chunks/select.component-
|
|
32
|
+
import { W as Ao } from "../chunks/select.component-CEDzVkE_.js";
|
|
33
33
|
import { S as ko } from "../chunks/sortableList.component-BRToMbfY.js";
|
|
34
34
|
import { S as Io } from "../chunks/spinner.component-DCSsW51J.js";
|
|
35
35
|
import { s as Go } from "../chunks/spinner.types-g7cTFJkb.js";
|
|
@@ -51,7 +51,7 @@ import { T as Sr } from "../chunks/tooltip.component-DYBYGsfe.js";
|
|
|
51
51
|
import { w as vr, a as gr } from "../chunks/index-DMVlKSP7.js";
|
|
52
52
|
import { u as Pr, a as hr } from "../chunks/index-CgivotaP.js";
|
|
53
53
|
import { alignments as Mr, flexDirections as yr, placements as Dr, statuses as Wr, typographyVariants as Vr } from "./shared/types/index.js";
|
|
54
|
-
import { K as Br, s as kr } from "../chunks/theme.provider-
|
|
54
|
+
import { K as Br, s as kr } from "../chunks/theme.provider-B9PPowSI.js";
|
|
55
55
|
export {
|
|
56
56
|
a as Alert,
|
|
57
57
|
p as Avatar,
|
package/dist/esm/theme/index.js
CHANGED
|
@@ -7,9 +7,12 @@ export interface SelectProps extends Omit<CSelect.RootProps, "collection" | "mul
|
|
|
7
7
|
clearable?: boolean;
|
|
8
8
|
emptyPlaceholder?: string;
|
|
9
9
|
loading?: boolean;
|
|
10
|
+
onSearch?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
10
11
|
options: SelectOption[];
|
|
11
12
|
placeholder?: string;
|
|
12
13
|
placeholderElement?: React.ReactNode;
|
|
14
|
+
searchable?: boolean;
|
|
15
|
+
searchPlaceholder?: string;
|
|
13
16
|
selectRef?: ForwardedRef<HTMLSelectElement>;
|
|
14
17
|
shouldTruncateText?: boolean;
|
|
15
18
|
size?: FormControlSize;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@televet/kibble-ui",
|
|
3
3
|
"description": "Kibble Design System by Otto",
|
|
4
|
-
"version": "4.0.0-beta.
|
|
4
|
+
"version": "4.0.0-beta.48",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/cjs/index.cjs",
|
|
7
7
|
"module": "dist/esm/index.js",
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
"predeploy": "npm run build",
|
|
31
31
|
"prepare": "husky",
|
|
32
32
|
"publishBeta": "npm run build && npm publish --tag beta",
|
|
33
|
-
"start": "
|
|
33
|
+
"start": "npm run generate:icons & npm run generate:logos & npm run theme:watch & storybook dev -p 6006",
|
|
34
34
|
"test-storybook": "npm run generate:icons && npm run generate:logos && vitest --project=storybook",
|
|
35
35
|
"theme:watch": "chakra typegen ./src/theme/theme.config.ts --watch"
|
|
36
36
|
},
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
"use strict";const e=require("./jsx-runtime-BjDatQAs.js"),l=require("react"),B=require("./withFormControl-YVXep-WE.js"),J=require("./icon.component-4aaCABoX.js"),K=require("./button.component-ytAmAAJg.js"),h=require("./text.component-Dcx3RoTp.js"),Q=require("./spinner.component-BuNeiOw3.js"),n=require("./use-locale-context-BdqHZ8L8.js"),U=require("./create-slot-recipe-context-D-pJ8fgs.js"),R=require("./icons-BVYVhH49.js"),C=require("./use-field-context--wBJQY1R.js"),p=require("./index-CZ42b9rT.js"),S=require("./index-BDnnTdaJ.js"),X=require("./tooltip.component-C7RpuMiK.js"),f=require("./flex-DKWxn8hO.js"),Y=t=>t&&t.__esModule?t:{default:t},Z=Y(l),z=t=>new S.ListCollection(t),[v,d]=n.createContext({name:"SelectContext",hookName:"useSelectContext",providerName:"<SelectProvider />"}),E=l.forwardRef((t,o)=>{const s=d(),r=p.mergeProps(s.getClearTriggerProps(),t);return e.jsxRuntimeExports.jsx(n.ark.button,{...r,ref:o})});E.displayName="SelectClearTrigger";const I=l.forwardRef((t,o)=>{const s=d(),r=n.usePresenceContext(),c=p.mergeProps(s.getContentProps(),r.getPresenceProps(),t);return r.unmounted?null:e.jsxRuntimeExports.jsx(n.ark.div,{...c,ref:n.composeRefs(r.ref,o)})});I.displayName="SelectContent";const w=l.forwardRef((t,o)=>{const s=d(),r=p.mergeProps(s.getControlProps(),t);return e.jsxRuntimeExports.jsx(n.ark.div,{...r,ref:o})});w.displayName="SelectControl";const b=l.forwardRef((t,o)=>{const s=d(),r=p.mergeProps(s.getHiddenSelectProps(),t),c=s.value.length===0,a=C.useFieldContext();return e.jsxRuntimeExports.jsxs(n.ark.select,{"aria-describedby":a?.ariaDescribedby,...r,ref:o,children:[c&&e.jsxRuntimeExports.jsx("option",{value:""}),s.collection.items.map((i,x)=>e.jsxRuntimeExports.jsx("option",{value:s.collection.getItemValue(i)??"",disabled:s.collection.getItemDisabled(i),children:s.collection.stringifyItem(i)},x))]})});b.displayName="SelectHiddenSelect";const y=l.forwardRef((t,o)=>{const s=d(),r=p.mergeProps(s.getIndicatorProps(),t);return e.jsxRuntimeExports.jsx(n.ark.div,{...r,ref:o})});y.displayName="SelectIndicator";const[ee,he]=n.createContext({name:"SelectItemContext",hookName:"useSelectItemContext",providerName:"<SelectItemProvider />"}),[te,N]=n.createContext({name:"SelectItemPropsContext",hookName:"useSelectItemPropsContext",providerName:"<SelectItemPropsProvider />"}),T=l.forwardRef((t,o)=>{const[s,r]=n.createSplitProps()(t,["item","persistFocus"]),c=d(),a=p.mergeProps(c.getItemProps(s),r),i=c.getItemState(s);return e.jsxRuntimeExports.jsx(te,{value:s,children:e.jsxRuntimeExports.jsx(ee,{value:i,children:e.jsxRuntimeExports.jsx(n.ark.div,{...a,ref:o})})})});T.displayName="SelectItem";const[re,se]=n.createContext({name:"SelectItemGroupPropsContext",hookName:"useSelectItemGroupPropsContext",providerName:"<SelectItemGroupPropsProvider />"}),k=l.forwardRef((t,o)=>{const s=l.useId(),[r,c]=n.createSplitProps()(t,["id"]),a={id:s,...r},i=d(),x=p.mergeProps(i.getItemGroupProps(a),c);return e.jsxRuntimeExports.jsx(re,{value:a,children:e.jsxRuntimeExports.jsx(n.ark.div,{...x,ref:o})})});k.displayName="SelectItemGroup";const q=l.forwardRef((t,o)=>{const s=d(),r=se(),c=p.mergeProps(s.getItemGroupLabelProps({htmlFor:r.id}),t);return e.jsxRuntimeExports.jsx(n.ark.div,{...c,ref:o})});q.displayName="SelectItemGroupLabel";const G=l.forwardRef((t,o)=>{const s=d(),r=N(),c=p.mergeProps(s.getItemIndicatorProps(r),t);return e.jsxRuntimeExports.jsx(n.ark.div,{...c,ref:o})});G.displayName="SelectItemIndicator";const A=l.forwardRef((t,o)=>{const s=d(),r=N(),c=p.mergeProps(s.getItemTextProps(r),t);return e.jsxRuntimeExports.jsx(n.ark.span,{...c,ref:o})});A.displayName="SelectItemText";const F=l.forwardRef((t,o)=>{const s=d(),r=p.mergeProps(s.getLabelProps(),t);return e.jsxRuntimeExports.jsx(n.ark.label,{...r,ref:o})});F.displayName="SelectLabel";const V=l.forwardRef((t,o)=>{const s=d(),r=p.mergeProps(s.getPositionerProps(),t);return n.usePresenceContext().unmounted?null:e.jsxRuntimeExports.jsx(n.ark.div,{...r,ref:o})});V.displayName="SelectPositioner";const oe=t=>{const o=l.useId(),{dir:s}=n.useLocaleContext(),{getRootNode:r}=n.useEnvironmentContext(),c=C.useFieldContext(),a={id:o,ids:{label:c?.ids.label,hiddenSelect:c?.ids.control},disabled:c?.disabled,readOnly:c?.readOnly,invalid:c?.invalid,required:c?.required,dir:s,getRootNode:r,...t},i=n.useMachine(S.machine,a);return S.connect(i,n.normalizeProps)},ne=(t,o)=>{const[s,r]=n.splitPresenceProps(t),[c,a]=n.createSplitProps()(r,["closeOnSelect","collection","composite","defaultHighlightedValue","defaultOpen","defaultValue","deselectable","disabled","form","highlightedValue","id","ids","invalid","loopFocus","multiple","name","onFocusOutside","onHighlightChange","onInteractOutside","onOpenChange","onPointerDownOutside","onValueChange","open","positioning","readOnly","required","scrollToIndexFn","value"]),i=oe(c),x=n.usePresence(p.mergeProps({present:i.open},s)),j=p.mergeProps(i.getRootProps(),a);return e.jsxRuntimeExports.jsx(v,{value:i,children:e.jsxRuntimeExports.jsx(n.PresenceProvider,{value:x,children:e.jsxRuntimeExports.jsx(n.ark.div,{...j,ref:o})})})},ce=l.forwardRef(ne),le=(t,o)=>{const[s,r]=n.splitPresenceProps(t),[{value:c},a]=n.createSplitProps()(r,["value"]),i=n.usePresence(p.mergeProps({present:c.open},s)),x=p.mergeProps(c.getRootProps(),a);return e.jsxRuntimeExports.jsx(v,{value:c,children:e.jsxRuntimeExports.jsx(n.PresenceProvider,{value:i,children:e.jsxRuntimeExports.jsx(n.ark.div,{...x,ref:o})})})},ie=l.forwardRef(le),_=l.forwardRef((t,o)=>{const s=d(),r=p.mergeProps(s.getTriggerProps(),t);return e.jsxRuntimeExports.jsx(n.ark.button,{...r,ref:o})});_.displayName="SelectTrigger";const $=l.forwardRef((t,o)=>{const{children:s,placeholder:r,...c}=t,a=d(),i=p.mergeProps(a.getValueTextProps(),c);return e.jsxRuntimeExports.jsx(n.ark.span,{...i,ref:o,children:s||a.valueAsString||r})});$.displayName="SelectValueText";const{withProvider:L,withContext:u}=U.createSlotRecipeContext({key:"select"});L(ie,"root",{forwardAsChild:!0});const ae=L(ce,"root",{forwardAsChild:!0,defaultProps:{positioning:{sameWidth:!0}}}),pe=u(_,"trigger",{forwardAsChild:!0}),de=u(V,"positioner",{forwardAsChild:!0}),ue=u(I,"content",{forwardAsChild:!0}),xe=u($,"valueText",{forwardAsChild:!0}),me=u(E,"clearTrigger",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(R.CloseIcon,{boxSize:"1em"})}});u(k,"itemGroup",{forwardAsChild:!0});u(q,"itemGroupLabel",{forwardAsChild:!0});const Pe=u(T,"item",{forwardAsChild:!0});u(A,"itemText",{forwardAsChild:!0});u(G,"itemIndicator",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(R.CheckIcon,{})}});const je=u("div","indicatorGroup");u(y,"indicator",{forwardAsChild:!0,defaultProps:{children:e.jsxRuntimeExports.jsx(R.ChevronDownIcon,{})}});const ge=u(w,"control",{forwardAsChild:!0});u(F,"label",{forwardAsChild:!0});const Se=b,O=({item:t,onContrast:o,shouldTruncateText:s,size:r})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[t.leftElement,typeof t.label=="string"?e.jsxRuntimeExports.jsx(h.WrappedText,{size:r,truncated:s,variant:t.variant||(o?"onContrast":"default"),children:t.label}):t.label]}),Re=({placeholder:t="",placeholderElement:o,...s})=>{const r=d(),c=l.useMemo(()=>r.selectedItems[0],[r]);return e.jsxRuntimeExports.jsxs(pe,{children:[!c&&o,e.jsxRuntimeExports.jsx(xe,{placeholder:t,children:c&&e.jsxRuntimeExports.jsx(O,{item:c,...s})})]})},fe=B.withFormControl(({clearable:t,emptyPlaceholder:o="No options available",loading:s,onContrast:r,options:c,placeholder:a="",placeholderElement:i,selectRef:x,shouldTruncateText:j,size:P="md",...H})=>{const{contentRef:M}=X.useModalContentRef(),W=r?"onContrast":"default",g=l.useMemo(()=>z({items:c??[],itemToString:m=>typeof m.label=="string"?m.label:m.valueText||"",itemToValue:m=>m.value}),[c]);return e.jsxRuntimeExports.jsxs(ae,{className:"Select","data-testid":"kibble-select",collection:g,size:P,variant:W,...H,children:[e.jsxRuntimeExports.jsx(Se,{ref:x}),e.jsxRuntimeExports.jsxs(ge,{children:[e.jsxRuntimeExports.jsx(Re,{placeholder:a,placeholderElement:i,onContrast:!!r,shouldTruncateText:!!j,size:P}),e.jsxRuntimeExports.jsxs(je,{children:[t&&e.jsxRuntimeExports.jsx(me,{asChild:!0,children:e.jsxRuntimeExports.jsx(K.Button,{iconName:"close",onContrast:r,size:P==="lg"?"sm":"xs",variant:"ghostNeutral"})}),e.jsxRuntimeExports.jsx(J.Icon,{name:"chevronDown",size:P,variant:r?"onContrast":"default"})]})]}),e.jsxRuntimeExports.jsx(n.Portal,{container:M||void 0,children:e.jsxRuntimeExports.jsx(de,{children:e.jsxRuntimeExports.jsx(ue,{children:s?e.jsxRuntimeExports.jsx(f.Flex,{w:"100%",justifyContent:"center",py:3,children:e.jsxRuntimeExports.jsx(Q.Spinner,{variant:r?"brandOnContrast":"brand",size:P})}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:g.items.length?g.items.map(m=>e.jsxRuntimeExports.jsx(Pe,{item:m,children:e.jsxRuntimeExports.jsx(O,{item:m,onContrast:!!r,shouldTruncateText:!!j,size:P})},m.value)):e.jsxRuntimeExports.jsx(f.Flex,{w:"100%",justifyContent:"center",py:3,children:e.jsxRuntimeExports.jsx(h.WrappedText,{size:"sm",variant:r?"subtleOnContrast":"subtle",children:o})})})})})})]})}),D=Z.default.forwardRef((t,o)=>e.jsxRuntimeExports.jsx(fe,{selectRef:o,...t}));D.displayName="Select";exports.WrappedSelect=D;
|
|
2
|
-
//# sourceMappingURL=select.component-9-2Fo505.js.map
|
|
@@ -1,345 +0,0 @@
|
|
|
1
|
-
import { j as e } from "./jsx-runtime-C5mzlN2N.js";
|
|
2
|
-
import X, { forwardRef as a, useId as v, useMemo as j } from "react";
|
|
3
|
-
import { w as Y } from "./withFormControl-Vf_flDYv.js";
|
|
4
|
-
import { I as Z } from "./icon.component-BmcWaysM.js";
|
|
5
|
-
import { B as z } from "./button.component-BWlRjD5a.js";
|
|
6
|
-
import { W as I } from "./text.component-D3E0SdX1.js";
|
|
7
|
-
import { S as ee } from "./spinner.component-DCSsW51J.js";
|
|
8
|
-
import { a as g, f as d, u as b, h as te, b as h, j as oe, i as re, k as se, n as ne, s as y, l as N, m as w, P as le } from "./use-locale-context-zakBNK5b.js";
|
|
9
|
-
import { c as ce } from "./create-slot-recipe-context-DJkLYvCT.js";
|
|
10
|
-
import { C as ie, b as ae, c as de } from "./icons-grAfs3Oz.js";
|
|
11
|
-
import { u as T } from "./use-field-context-B8ygn96q.js";
|
|
12
|
-
import { U as i } from "./index-DLvqBeH6.js";
|
|
13
|
-
import { L as pe, m as me, c as ue } from "./index-Dn2nvQ5m.js";
|
|
14
|
-
import { u as xe } from "./tooltip.component-DYBYGsfe.js";
|
|
15
|
-
import { F as C } from "./flex-C2d2LH-K.js";
|
|
16
|
-
const Pe = (o) => new pe(o), [G, p] = g({
|
|
17
|
-
name: "SelectContext",
|
|
18
|
-
hookName: "useSelectContext",
|
|
19
|
-
providerName: "<SelectProvider />"
|
|
20
|
-
}), A = a((o, s) => {
|
|
21
|
-
const r = p(), t = i(r.getClearTriggerProps(), o);
|
|
22
|
-
return /* @__PURE__ */ e.jsx(d.button, { ...t, ref: s });
|
|
23
|
-
});
|
|
24
|
-
A.displayName = "SelectClearTrigger";
|
|
25
|
-
const R = a((o, s) => {
|
|
26
|
-
const r = p(), t = b(), n = i(r.getContentProps(), t.getPresenceProps(), o);
|
|
27
|
-
return t.unmounted ? null : /* @__PURE__ */ e.jsx(d.div, { ...n, ref: te(t.ref, s) });
|
|
28
|
-
});
|
|
29
|
-
R.displayName = "SelectContent";
|
|
30
|
-
const V = a((o, s) => {
|
|
31
|
-
const r = p(), t = i(r.getControlProps(), o);
|
|
32
|
-
return /* @__PURE__ */ e.jsx(d.div, { ...t, ref: s });
|
|
33
|
-
});
|
|
34
|
-
V.displayName = "SelectControl";
|
|
35
|
-
const F = a((o, s) => {
|
|
36
|
-
const r = p(), t = i(r.getHiddenSelectProps(), o), n = r.value.length === 0, c = T();
|
|
37
|
-
return /* @__PURE__ */ e.jsxs(d.select, { "aria-describedby": c?.ariaDescribedby, ...t, ref: s, children: [
|
|
38
|
-
n && /* @__PURE__ */ e.jsx("option", { value: "" }),
|
|
39
|
-
r.collection.items.map((l, u) => /* @__PURE__ */ e.jsx(
|
|
40
|
-
"option",
|
|
41
|
-
{
|
|
42
|
-
value: r.collection.getItemValue(l) ?? "",
|
|
43
|
-
disabled: r.collection.getItemDisabled(l),
|
|
44
|
-
children: r.collection.stringifyItem(l)
|
|
45
|
-
},
|
|
46
|
-
u
|
|
47
|
-
))
|
|
48
|
-
] });
|
|
49
|
-
});
|
|
50
|
-
F.displayName = "SelectHiddenSelect";
|
|
51
|
-
const L = a((o, s) => {
|
|
52
|
-
const r = p(), t = i(r.getIndicatorProps(), o);
|
|
53
|
-
return /* @__PURE__ */ e.jsx(d.div, { ...t, ref: s });
|
|
54
|
-
});
|
|
55
|
-
L.displayName = "SelectIndicator";
|
|
56
|
-
const [Se, ze] = g({
|
|
57
|
-
name: "SelectItemContext",
|
|
58
|
-
hookName: "useSelectItemContext",
|
|
59
|
-
providerName: "<SelectItemProvider />"
|
|
60
|
-
}), [ge, O] = g({
|
|
61
|
-
name: "SelectItemPropsContext",
|
|
62
|
-
hookName: "useSelectItemPropsContext",
|
|
63
|
-
providerName: "<SelectItemPropsProvider />"
|
|
64
|
-
}), $ = a((o, s) => {
|
|
65
|
-
const [r, t] = h()(o, ["item", "persistFocus"]), n = p(), c = i(n.getItemProps(r), t), l = n.getItemState(r);
|
|
66
|
-
return /* @__PURE__ */ e.jsx(ge, { value: r, children: /* @__PURE__ */ e.jsx(Se, { value: l, children: /* @__PURE__ */ e.jsx(d.div, { ...c, ref: s }) }) });
|
|
67
|
-
});
|
|
68
|
-
$.displayName = "SelectItem";
|
|
69
|
-
const [he, fe] = g({
|
|
70
|
-
name: "SelectItemGroupPropsContext",
|
|
71
|
-
hookName: "useSelectItemGroupPropsContext",
|
|
72
|
-
providerName: "<SelectItemGroupPropsProvider />"
|
|
73
|
-
}), k = a((o, s) => {
|
|
74
|
-
const r = v(), [t, n] = h()(o, ["id"]), c = { id: r, ...t }, l = p(), u = i(l.getItemGroupProps(c), n);
|
|
75
|
-
return /* @__PURE__ */ e.jsx(he, { value: c, children: /* @__PURE__ */ e.jsx(d.div, { ...u, ref: s }) });
|
|
76
|
-
});
|
|
77
|
-
k.displayName = "SelectItemGroup";
|
|
78
|
-
const H = a((o, s) => {
|
|
79
|
-
const r = p(), t = fe(), n = i(r.getItemGroupLabelProps({ htmlFor: t.id }), o);
|
|
80
|
-
return /* @__PURE__ */ e.jsx(d.div, { ...n, ref: s });
|
|
81
|
-
});
|
|
82
|
-
H.displayName = "SelectItemGroupLabel";
|
|
83
|
-
const D = a((o, s) => {
|
|
84
|
-
const r = p(), t = O(), n = i(r.getItemIndicatorProps(t), o);
|
|
85
|
-
return /* @__PURE__ */ e.jsx(d.div, { ...n, ref: s });
|
|
86
|
-
});
|
|
87
|
-
D.displayName = "SelectItemIndicator";
|
|
88
|
-
const W = a((o, s) => {
|
|
89
|
-
const r = p(), t = O(), n = i(r.getItemTextProps(t), o);
|
|
90
|
-
return /* @__PURE__ */ e.jsx(d.span, { ...n, ref: s });
|
|
91
|
-
});
|
|
92
|
-
W.displayName = "SelectItemText";
|
|
93
|
-
const E = a((o, s) => {
|
|
94
|
-
const r = p(), t = i(r.getLabelProps(), o);
|
|
95
|
-
return /* @__PURE__ */ e.jsx(d.label, { ...t, ref: s });
|
|
96
|
-
});
|
|
97
|
-
E.displayName = "SelectLabel";
|
|
98
|
-
const _ = a((o, s) => {
|
|
99
|
-
const r = p(), t = i(r.getPositionerProps(), o);
|
|
100
|
-
return b().unmounted ? null : /* @__PURE__ */ e.jsx(d.div, { ...t, ref: s });
|
|
101
|
-
});
|
|
102
|
-
_.displayName = "SelectPositioner";
|
|
103
|
-
const Ce = (o) => {
|
|
104
|
-
const s = v(), { dir: r } = oe(), { getRootNode: t } = re(), n = T(), c = {
|
|
105
|
-
id: s,
|
|
106
|
-
ids: {
|
|
107
|
-
label: n?.ids.label,
|
|
108
|
-
hiddenSelect: n?.ids.control
|
|
109
|
-
},
|
|
110
|
-
disabled: n?.disabled,
|
|
111
|
-
readOnly: n?.readOnly,
|
|
112
|
-
invalid: n?.invalid,
|
|
113
|
-
required: n?.required,
|
|
114
|
-
dir: r,
|
|
115
|
-
getRootNode: t,
|
|
116
|
-
...o
|
|
117
|
-
}, l = se(me, c);
|
|
118
|
-
return ue(l, ne);
|
|
119
|
-
}, ve = (o, s) => {
|
|
120
|
-
const [r, t] = y(o), [n, c] = h()(t, [
|
|
121
|
-
"closeOnSelect",
|
|
122
|
-
"collection",
|
|
123
|
-
"composite",
|
|
124
|
-
"defaultHighlightedValue",
|
|
125
|
-
"defaultOpen",
|
|
126
|
-
"defaultValue",
|
|
127
|
-
"deselectable",
|
|
128
|
-
"disabled",
|
|
129
|
-
"form",
|
|
130
|
-
"highlightedValue",
|
|
131
|
-
"id",
|
|
132
|
-
"ids",
|
|
133
|
-
"invalid",
|
|
134
|
-
"loopFocus",
|
|
135
|
-
"multiple",
|
|
136
|
-
"name",
|
|
137
|
-
"onFocusOutside",
|
|
138
|
-
"onHighlightChange",
|
|
139
|
-
"onInteractOutside",
|
|
140
|
-
"onOpenChange",
|
|
141
|
-
"onPointerDownOutside",
|
|
142
|
-
"onValueChange",
|
|
143
|
-
"open",
|
|
144
|
-
"positioning",
|
|
145
|
-
"readOnly",
|
|
146
|
-
"required",
|
|
147
|
-
"scrollToIndexFn",
|
|
148
|
-
"value"
|
|
149
|
-
]), l = Ce(n), u = N(i({ present: l.open }, r)), S = i(l.getRootProps(), c);
|
|
150
|
-
return /* @__PURE__ */ e.jsx(G, { value: l, children: /* @__PURE__ */ e.jsx(w, { value: u, children: /* @__PURE__ */ e.jsx(d.div, { ...S, ref: s }) }) });
|
|
151
|
-
}, je = a(ve), Ie = (o, s) => {
|
|
152
|
-
const [r, t] = y(o), [{ value: n }, c] = h()(t, ["value"]), l = N(i({ present: n.open }, r)), u = i(n.getRootProps(), c);
|
|
153
|
-
return /* @__PURE__ */ e.jsx(G, { value: n, children: /* @__PURE__ */ e.jsx(w, { value: l, children: /* @__PURE__ */ e.jsx(d.div, { ...u, ref: s }) }) });
|
|
154
|
-
}, be = a(Ie), q = a((o, s) => {
|
|
155
|
-
const r = p(), t = i(r.getTriggerProps(), o);
|
|
156
|
-
return /* @__PURE__ */ e.jsx(d.button, { ...t, ref: s });
|
|
157
|
-
});
|
|
158
|
-
q.displayName = "SelectTrigger";
|
|
159
|
-
const M = a((o, s) => {
|
|
160
|
-
const { children: r, placeholder: t, ...n } = o, c = p(), l = i(c.getValueTextProps(), n);
|
|
161
|
-
return /* @__PURE__ */ e.jsx(d.span, { ...l, ref: s, children: r || c.valueAsString || t });
|
|
162
|
-
});
|
|
163
|
-
M.displayName = "SelectValueText";
|
|
164
|
-
const {
|
|
165
|
-
withProvider: B,
|
|
166
|
-
withContext: m
|
|
167
|
-
} = ce({ key: "select" });
|
|
168
|
-
B(be, "root", {
|
|
169
|
-
forwardAsChild: !0
|
|
170
|
-
});
|
|
171
|
-
const ye = B(
|
|
172
|
-
je,
|
|
173
|
-
"root",
|
|
174
|
-
{
|
|
175
|
-
forwardAsChild: !0,
|
|
176
|
-
defaultProps: { positioning: { sameWidth: !0 } }
|
|
177
|
-
}
|
|
178
|
-
), Ne = m(
|
|
179
|
-
q,
|
|
180
|
-
"trigger",
|
|
181
|
-
{ forwardAsChild: !0 }
|
|
182
|
-
), we = m(_, "positioner", { forwardAsChild: !0 }), Te = m(
|
|
183
|
-
R,
|
|
184
|
-
"content",
|
|
185
|
-
{ forwardAsChild: !0 }
|
|
186
|
-
), Ge = m(M, "valueText", { forwardAsChild: !0 }), Ae = m(A, "clearTrigger", {
|
|
187
|
-
forwardAsChild: !0,
|
|
188
|
-
defaultProps: { children: /* @__PURE__ */ e.jsx(ie, { boxSize: "1em" }) }
|
|
189
|
-
});
|
|
190
|
-
m(k, "itemGroup", { forwardAsChild: !0 });
|
|
191
|
-
m(H, "itemGroupLabel", { forwardAsChild: !0 });
|
|
192
|
-
const Re = m(
|
|
193
|
-
$,
|
|
194
|
-
"item",
|
|
195
|
-
{ forwardAsChild: !0 }
|
|
196
|
-
);
|
|
197
|
-
m(
|
|
198
|
-
W,
|
|
199
|
-
"itemText",
|
|
200
|
-
{ forwardAsChild: !0 }
|
|
201
|
-
);
|
|
202
|
-
m(D, "itemIndicator", {
|
|
203
|
-
forwardAsChild: !0,
|
|
204
|
-
defaultProps: {
|
|
205
|
-
children: /* @__PURE__ */ e.jsx(ae, {})
|
|
206
|
-
}
|
|
207
|
-
});
|
|
208
|
-
const Ve = m("div", "indicatorGroup");
|
|
209
|
-
m(L, "indicator", {
|
|
210
|
-
forwardAsChild: !0,
|
|
211
|
-
defaultProps: {
|
|
212
|
-
children: /* @__PURE__ */ e.jsx(de, {})
|
|
213
|
-
}
|
|
214
|
-
});
|
|
215
|
-
const Fe = m(
|
|
216
|
-
V,
|
|
217
|
-
"control",
|
|
218
|
-
{ forwardAsChild: !0 }
|
|
219
|
-
);
|
|
220
|
-
m(
|
|
221
|
-
E,
|
|
222
|
-
"label",
|
|
223
|
-
{ forwardAsChild: !0 }
|
|
224
|
-
);
|
|
225
|
-
const Le = F, U = ({
|
|
226
|
-
item: o,
|
|
227
|
-
onContrast: s,
|
|
228
|
-
shouldTruncateText: r,
|
|
229
|
-
size: t
|
|
230
|
-
}) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
231
|
-
o.leftElement,
|
|
232
|
-
typeof o.label == "string" ? /* @__PURE__ */ e.jsx(
|
|
233
|
-
I,
|
|
234
|
-
{
|
|
235
|
-
size: t,
|
|
236
|
-
truncated: r,
|
|
237
|
-
variant: o.variant || (s ? "onContrast" : "default"),
|
|
238
|
-
children: o.label
|
|
239
|
-
}
|
|
240
|
-
) : o.label
|
|
241
|
-
] }), Oe = ({
|
|
242
|
-
placeholder: o = "",
|
|
243
|
-
placeholderElement: s,
|
|
244
|
-
...r
|
|
245
|
-
}) => {
|
|
246
|
-
const t = p(), n = j(() => t.selectedItems[0], [t]);
|
|
247
|
-
return /* @__PURE__ */ e.jsxs(Ne, { children: [
|
|
248
|
-
!n && s,
|
|
249
|
-
/* @__PURE__ */ e.jsx(Ge, { placeholder: o, children: n && /* @__PURE__ */ e.jsx(U, { item: n, ...r }) })
|
|
250
|
-
] });
|
|
251
|
-
}, $e = Y(
|
|
252
|
-
({
|
|
253
|
-
clearable: o,
|
|
254
|
-
emptyPlaceholder: s = "No options available",
|
|
255
|
-
loading: r,
|
|
256
|
-
onContrast: t,
|
|
257
|
-
options: n,
|
|
258
|
-
placeholder: c = "",
|
|
259
|
-
placeholderElement: l,
|
|
260
|
-
selectRef: u,
|
|
261
|
-
shouldTruncateText: S,
|
|
262
|
-
size: P = "md",
|
|
263
|
-
...J
|
|
264
|
-
}) => {
|
|
265
|
-
const { contentRef: K } = xe(), Q = t ? "onContrast" : "default", f = j(() => Pe({
|
|
266
|
-
items: n ?? [],
|
|
267
|
-
itemToString: (x) => typeof x.label == "string" ? x.label : x.valueText || "",
|
|
268
|
-
itemToValue: (x) => x.value
|
|
269
|
-
}), [n]);
|
|
270
|
-
return /* @__PURE__ */ e.jsxs(
|
|
271
|
-
ye,
|
|
272
|
-
{
|
|
273
|
-
className: "Select",
|
|
274
|
-
"data-testid": "kibble-select",
|
|
275
|
-
collection: f,
|
|
276
|
-
size: P,
|
|
277
|
-
variant: Q,
|
|
278
|
-
...J,
|
|
279
|
-
children: [
|
|
280
|
-
/* @__PURE__ */ e.jsx(Le, { ref: u }),
|
|
281
|
-
/* @__PURE__ */ e.jsxs(Fe, { children: [
|
|
282
|
-
/* @__PURE__ */ e.jsx(
|
|
283
|
-
Oe,
|
|
284
|
-
{
|
|
285
|
-
placeholder: c,
|
|
286
|
-
placeholderElement: l,
|
|
287
|
-
onContrast: !!t,
|
|
288
|
-
shouldTruncateText: !!S,
|
|
289
|
-
size: P
|
|
290
|
-
}
|
|
291
|
-
),
|
|
292
|
-
/* @__PURE__ */ e.jsxs(Ve, { children: [
|
|
293
|
-
o && /* @__PURE__ */ e.jsx(Ae, { asChild: !0, children: /* @__PURE__ */ e.jsx(
|
|
294
|
-
z,
|
|
295
|
-
{
|
|
296
|
-
iconName: "close",
|
|
297
|
-
onContrast: t,
|
|
298
|
-
size: P === "lg" ? "sm" : "xs",
|
|
299
|
-
variant: "ghostNeutral"
|
|
300
|
-
}
|
|
301
|
-
) }),
|
|
302
|
-
/* @__PURE__ */ e.jsx(
|
|
303
|
-
Z,
|
|
304
|
-
{
|
|
305
|
-
name: "chevronDown",
|
|
306
|
-
size: P,
|
|
307
|
-
variant: t ? "onContrast" : "default"
|
|
308
|
-
}
|
|
309
|
-
)
|
|
310
|
-
] })
|
|
311
|
-
] }),
|
|
312
|
-
/* @__PURE__ */ e.jsx(le, { container: K || void 0, children: /* @__PURE__ */ e.jsx(we, { children: /* @__PURE__ */ e.jsx(Te, { children: r ? /* @__PURE__ */ e.jsx(C, { w: "100%", justifyContent: "center", py: 3, children: /* @__PURE__ */ e.jsx(
|
|
313
|
-
ee,
|
|
314
|
-
{
|
|
315
|
-
variant: t ? "brandOnContrast" : "brand",
|
|
316
|
-
size: P
|
|
317
|
-
}
|
|
318
|
-
) }) : /* @__PURE__ */ e.jsx(e.Fragment, { children: f.items.length ? f.items.map((x) => /* @__PURE__ */ e.jsx(Re, { item: x, children: /* @__PURE__ */ e.jsx(
|
|
319
|
-
U,
|
|
320
|
-
{
|
|
321
|
-
item: x,
|
|
322
|
-
onContrast: !!t,
|
|
323
|
-
shouldTruncateText: !!S,
|
|
324
|
-
size: P
|
|
325
|
-
}
|
|
326
|
-
) }, x.value)) : /* @__PURE__ */ e.jsx(C, { w: "100%", justifyContent: "center", py: 3, children: /* @__PURE__ */ e.jsx(
|
|
327
|
-
I,
|
|
328
|
-
{
|
|
329
|
-
size: "sm",
|
|
330
|
-
variant: t ? "subtleOnContrast" : "subtle",
|
|
331
|
-
children: s
|
|
332
|
-
}
|
|
333
|
-
) }) }) }) }) })
|
|
334
|
-
]
|
|
335
|
-
}
|
|
336
|
-
);
|
|
337
|
-
}
|
|
338
|
-
), ke = X.forwardRef(
|
|
339
|
-
(o, s) => /* @__PURE__ */ e.jsx($e, { selectRef: s, ...o })
|
|
340
|
-
);
|
|
341
|
-
ke.displayName = "Select";
|
|
342
|
-
export {
|
|
343
|
-
ke as W
|
|
344
|
-
};
|
|
345
|
-
//# sourceMappingURL=select.component-C4Kx68wP.js.map
|