@strapi/design-system 2.0.0-rc.21 → 2.0.0-rc.23
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/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/dist/components/Combobox/Combobox.d.ts +3 -2
- package/dist/components/Combobox/Combobox.d.ts.map +1 -1
- package/dist/components/JSONInput/JSONInput.d.ts.map +1 -1
- package/dist/components/Modal/Modal.d.ts.map +1 -1
- package/dist/components/Radio/Radio.d.ts.map +1 -1
- package/dist/components/Textarea/Textarea.d.ts.map +1 -1
- package/dist/components/TimePicker/TimePicker.d.ts.map +1 -1
- package/dist/index.js +84 -26
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +84 -26
- package/dist/index.mjs.map +1 -1
- package/dist/styles/global.d.ts.map +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,QAAQ,MAAM,0BAA0B,CAAC;AAmCrD,UAAU,eAAgB,SAAQ,QAAQ,CAAC,aAAa;CAAG;AAE3D,KAAK,eAAe,GAAG,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,QAAQ,MAAM,0BAA0B,CAAC;AAmCrD,UAAU,eAAgB,SAAQ,QAAQ,CAAC,aAAa;CAAG;AAE3D,KAAK,eAAe,GAAG,iBAAiB,CAAC;AAiFzC,UAAU,aAAc,SAAQ,eAAe;CAAG;AAElD,QAAA,MAAM,YAAY,yFAehB,CAAC;AAEH,OAAO,EAAE,YAAY,IAAI,QAAQ,EAAE,CAAC;AACpC,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -3,15 +3,16 @@ import { Combobox as ComboboxPrimitive } from '@strapi/ui-primitives';
|
|
|
3
3
|
import { Field } from '../Field';
|
|
4
4
|
interface ComboboxProps extends Pick<ComboboxPrimitive.RootProps, 'allowCustomValue' | 'autocomplete' | 'children' | 'disabled' | 'defaultTextValue' | 'defaultOpen' | 'defaultFilterValue' | 'filterValue' | 'isPrintableCharacter' | 'open' | 'onOpenChange' | 'onFilterValueChange' | 'onTextValueChange' | 'required' | 'textValue' | 'value'>, Pick<Field.InputProps, 'hasError' | 'name' | 'id'>, Omit<ComboboxPrimitive.TextInputProps, 'required' | 'disabled' | 'value' | 'onChange' | 'size'> {
|
|
5
5
|
clearLabel?: string;
|
|
6
|
-
creatable?: boolean;
|
|
6
|
+
creatable?: boolean | 'visible';
|
|
7
7
|
createMessage?: (value: string) => string;
|
|
8
|
+
creatableStartIcon?: React.ReactNode;
|
|
8
9
|
hasMoreItems?: boolean;
|
|
9
10
|
loading?: boolean;
|
|
10
11
|
loadingMessage?: string;
|
|
11
12
|
noOptionsMessage?: (value: string) => string;
|
|
12
13
|
onChange?: ComboboxPrimitive.RootProps['onValueChange'];
|
|
13
14
|
onClear?: React.MouseEventHandler<HTMLButtonElement | HTMLDivElement>;
|
|
14
|
-
onCreateOption?: (value
|
|
15
|
+
onCreateOption?: (value?: string) => void;
|
|
15
16
|
onLoadMore?: (entry: IntersectionObserverEntry) => void;
|
|
16
17
|
onInputChange?: React.ChangeEventHandler<HTMLInputElement>;
|
|
17
18
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AActE,OAAO,EAAE,KAAK,EAAY,MAAM,UAAU,CAAC;AAQ3C,UAAU,aACR,SAAQ,IAAI,CACR,iBAAiB,CAAC,SAAS,EACzB,kBAAkB,GAClB,cAAc,GACd,UAAU,GACV,UAAU,GACV,kBAAkB,GAClB,aAAa,GACb,oBAAoB,GACpB,aAAa,GACb,sBAAsB,GACtB,MAAM,GACN,cAAc,GACd,qBAAqB,GACrB,mBAAmB,GACnB,UAAU,GACV,WAAW,GACX,OAAO,CACV,EACD,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI,CAAC,EAClD,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;IACjG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AActE,OAAO,EAAE,KAAK,EAAY,MAAM,UAAU,CAAC;AAQ3C,UAAU,aACR,SAAQ,IAAI,CACR,iBAAiB,CAAC,SAAS,EACzB,kBAAkB,GAClB,cAAc,GACd,UAAU,GACV,UAAU,GACV,kBAAkB,GAClB,aAAa,GACb,oBAAoB,GACpB,aAAa,GACb,sBAAsB,GACtB,MAAM,GACN,cAAc,GACd,qBAAqB,GACrB,mBAAmB,GACnB,UAAU,GACV,WAAW,GACX,OAAO,CACV,EACD,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI,CAAC,EAClD,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;IACjG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,QAAQ,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;IACxD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,GAAG,cAAc,CAAC,CAAC;IACtE,cAAc,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACxD,aAAa,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC3D;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,KAAK,oBAAoB,GAAG,gBAAgB,CAAC;AAE7C,QAAA,MAAM,QAAQ,wFA6Ob,CAAC;AA6IF,UAAU,mBAAoB,SAAQ,iBAAiB,CAAC,SAAS;IAC/D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,MAAM,4FAYX,CAAC;AA8BF,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,cAAc,EAAE,CAAC;AAC9C,YAAY,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSONInput.d.ts","sourceRoot":"","sources":["../../../src/components/JSONInput/JSONInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAuB,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvE,OAAO,EAAE,KAAK,EAAY,MAAM,UAAU,CAAC;AAM3C,UAAU,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,UAAU,GAAG,IAAI,CAAC;IAClH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,UAAU,YAAa,SAAQ,OAAO,CAAC,WAAW,CAAC;IACjD,KAAK,IAAI,IAAI,CAAC;CACf;AAED,QAAA,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"JSONInput.d.ts","sourceRoot":"","sources":["../../../src/components/JSONInput/JSONInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAuB,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAEvE,OAAO,EAAE,KAAK,EAAY,MAAM,UAAU,CAAC;AAM3C,UAAU,cAAe,SAAQ,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,UAAU,GAAG,IAAI,CAAC;IAClH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,UAAU,YAAa,SAAQ,OAAO,CAAC,WAAW,CAAC;IACjD,KAAK,IAAI,IAAI,CAAC;CACf;AAED,QAAA,MAAM,SAAS,kGA+Id,CAAC;AAqCF,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AAIjD,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACjF,OAAO,EAAc,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE1E,OAAO,EAAc,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAOzE,UAAU,KAAM,SAAQ,MAAM,CAAC,WAAW;CAAG;AAE7C,QAAA,MAAM,IAAI,8BAAc,CAAC;AAMzB,KAAK,cAAc,GAAG,iBAAiB,CAAC;AAExC,UAAU,YAAa,SAAQ,IAAI,CAAC,MAAM,CAAC,kBAAkB,EAAE,SAAS,CAAC;CAAG;AAE5E,QAAA,MAAM,OAAO,wFAEX,CAAC;AAMH,KAAK,cAAc,GAAG,cAAc,CAAC;AAErC,UAAU,YAAa,SAAQ,MAAM,CAAC,kBAAkB;CAAG;AAE3D,QAAA,MAAM,OAAO,qFAOX,CAAC;AAuDH,KAAK,YAAY,GAAG,iBAAiB,CAAC;AAEtC,UAAU,UAAW,SAAQ,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC;CAAG;AAExE,QAAA,MAAM,KAAK,sFAET,CAAC;AAMH,KAAK,aAAa,GAAG,cAAc,CAAC;AAEpC,UAAU,WAAY,SAAQ,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;IAC5D;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,MAAM,iGAsBX,CAAC;AAUF,KAAK,YAAY,GAAG,kBAAkB,CAAC;AAEvC,UAAU,UAAW,SAAQ,eAAe,CAAC,IAAI,CAAC;CAAG;AAErD,QAAA,MAAM,KAAK,uFAMT,CAAC;AAMH,KAAK,WAAW,GAAG,cAAc,CAAC;AAElC,UAAU,SAAU,SAAQ,eAAe;CAAG;AAE9C,QAAA,MAAM,IAAI,kFAMR,CAAC;AAmBH,KAAK,aAAa,GAAG,cAAc,CAAC;AAEpC,UAAU,WAAY,SAAQ,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;CAAG;AAEjE,QAAA,MAAM,MAAM,iGAaV,CAAC;AAOH,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AACtE,YAAY,EACV,KAAK,EACL,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,cAAc,EACd,aAAa,EACb,WAAW,EACX,YAAY,EACZ,UAAU,EACV,WAAW,EACX,SAAS,EACT,aAAa,EACb,WAAW,GACZ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,UAAU,MAAM,6BAA6B,CAAC;AAY1D,KAAK,YAAY,GAAG,cAAc,CAAC;AAEnC,UAAU,UAAW,SAAQ,UAAU,CAAC,eAAe;CAAG;AAE1D,QAAA,MAAM,KAAK,mFAET,CAAC;AAYH,KAAK,WAAW,GAAG,iBAAiB,CAAC;AAErC,UAAU,SAAU,SAAQ,UAAU,CAAC,mBAAmB;CAAG;AAE7D,QAAA,MAAM,IAAI,qFAaR,CAAC;
|
|
1
|
+
{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,UAAU,MAAM,6BAA6B,CAAC;AAY1D,KAAK,YAAY,GAAG,cAAc,CAAC;AAEnC,UAAU,UAAW,SAAQ,UAAU,CAAC,eAAe;CAAG;AAE1D,QAAA,MAAM,KAAK,mFAET,CAAC;AAYH,KAAK,WAAW,GAAG,iBAAiB,CAAC;AAErC,UAAU,SAAU,SAAQ,UAAU,CAAC,mBAAmB;CAAG;AAE7D,QAAA,MAAM,IAAI,qFAaR,CAAC;AAiEH,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AACvB,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAqB,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEnE,OAAO,EAAE,KAAK,EAAY,MAAM,UAAU,CAAC;AAE3C,UAAU,aACR,SAAQ,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC,EAC5C,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,IAAI,GAAG,MAAM,GAAG,UAAU,CAAC;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,QAAA,MAAM,QAAQ,wGAsCb,CAAC;
|
|
1
|
+
{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAqB,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEnE,OAAO,EAAE,KAAK,EAAY,MAAM,UAAU,CAAC;AAE3C,UAAU,aACR,SAAQ,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC,EAC5C,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,IAAI,GAAG,MAAM,GAAG,UAAU,CAAC;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,QAAA,MAAM,QAAQ,wGAsCb,CAAC;AA2BF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAY,aAAa,EAAwC,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAY,aAAa,EAAwC,MAAM,sBAAsB,CAAC;AAerG,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,aAAa,EACX,UAAU,GACV,cAAc,GACd,WAAW,GACX,aAAa,GACb,kBAAkB,GAClB,qBAAqB,GACrB,aAAa,GACb,OAAO,GACP,cAAc,GACd,kBAAkB,GAClB,WAAW,GACX,mBAAmB,CACtB;IACD;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,0FAiHtB,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1840,7 +1840,7 @@ const MenuContent = React__namespace.forwardRef(
|
|
|
1840
1840
|
({ children, intersectionId, onCloseAutoFocus, popoverPlacement = "bottom-start", ...props }, ref) => {
|
|
1841
1841
|
const [side, align] = popoverPlacement.split("-");
|
|
1842
1842
|
return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuContent, { align, side, loop: true, onCloseAutoFocus, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1843
|
-
Viewport$
|
|
1843
|
+
Viewport$1,
|
|
1844
1844
|
{
|
|
1845
1845
|
ref,
|
|
1846
1846
|
direction: "column",
|
|
@@ -1864,7 +1864,7 @@ const MenuContent = React__namespace.forwardRef(
|
|
|
1864
1864
|
) }) });
|
|
1865
1865
|
}
|
|
1866
1866
|
);
|
|
1867
|
-
const Viewport$
|
|
1867
|
+
const Viewport$1 = styledComponents.styled(Flex)`
|
|
1868
1868
|
scrollbar-width: none;
|
|
1869
1869
|
-ms-overflow-style: none;
|
|
1870
1870
|
-webkit-overflow-scrolling: touch;
|
|
@@ -2003,7 +2003,7 @@ const SubmenuTrigger = styledComponents.styled(OptionButton)`
|
|
|
2003
2003
|
`;
|
|
2004
2004
|
const MenuSubContent = React__namespace.forwardRef((props, ref) => {
|
|
2005
2005
|
return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu__namespace.SubContent, { sideOffset: 8, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
2006
|
-
Viewport$
|
|
2006
|
+
Viewport$1,
|
|
2007
2007
|
{
|
|
2008
2008
|
ref,
|
|
2009
2009
|
direction: "column",
|
|
@@ -2242,6 +2242,10 @@ const CheckboxIndicator = styledComponents.styled(Checkbox__namespace.Indicator)
|
|
|
2242
2242
|
cursor: pointer;
|
|
2243
2243
|
justify-content: center;
|
|
2244
2244
|
align-items: center;
|
|
2245
|
+
|
|
2246
|
+
&[data-disabled] {
|
|
2247
|
+
cursor: not-allowed;
|
|
2248
|
+
}
|
|
2245
2249
|
`;
|
|
2246
2250
|
const CheckboxImpl = React__namespace.forwardRef(({ children, ...restProps }, forwardedRef) => {
|
|
2247
2251
|
const labelId = useId(restProps.id);
|
|
@@ -3001,6 +3005,7 @@ const Combobox = React__namespace.forwardRef(
|
|
|
3001
3005
|
className,
|
|
3002
3006
|
clearLabel = "Clear",
|
|
3003
3007
|
creatable = false,
|
|
3008
|
+
creatableStartIcon,
|
|
3004
3009
|
createMessage = (value2) => `Create "${value2}"`,
|
|
3005
3010
|
defaultFilterValue,
|
|
3006
3011
|
defaultTextValue,
|
|
@@ -3084,8 +3089,11 @@ const Combobox = React__namespace.forwardRef(
|
|
|
3084
3089
|
}
|
|
3085
3090
|
};
|
|
3086
3091
|
const handleCreateItemClick = () => {
|
|
3087
|
-
if (onCreateOption && internalTextValue) {
|
|
3092
|
+
if (onCreateOption && internalTextValue && creatable !== "visible") {
|
|
3088
3093
|
onCreateOption(internalTextValue);
|
|
3094
|
+
} else if (onCreateOption && creatable === "visible") {
|
|
3095
|
+
onCreateOption();
|
|
3096
|
+
setInternalIsOpen(false);
|
|
3089
3097
|
}
|
|
3090
3098
|
};
|
|
3091
3099
|
const generatedIntersectionId = useId();
|
|
@@ -3112,12 +3120,12 @@ const Combobox = React__namespace.forwardRef(
|
|
|
3112
3120
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
3113
3121
|
uiPrimitives.Combobox.Root,
|
|
3114
3122
|
{
|
|
3115
|
-
autocomplete: autocomplete || (creatable ? "list" : "both"),
|
|
3123
|
+
autocomplete: autocomplete || (creatable === true ? "list" : "both"),
|
|
3116
3124
|
onOpenChange: handleOpenChange,
|
|
3117
3125
|
open: internalIsOpen,
|
|
3118
3126
|
onTextValueChange: handleTextValueChange,
|
|
3119
3127
|
textValue: internalTextValue,
|
|
3120
|
-
allowCustomValue: creatable || allowCustomValue,
|
|
3128
|
+
allowCustomValue: !!creatable || allowCustomValue,
|
|
3121
3129
|
disabled,
|
|
3122
3130
|
required,
|
|
3123
3131
|
value,
|
|
@@ -3125,6 +3133,7 @@ const Combobox = React__namespace.forwardRef(
|
|
|
3125
3133
|
filterValue: internalFilterValue,
|
|
3126
3134
|
onFilterValueChange: handleFilterValueChange,
|
|
3127
3135
|
isPrintableCharacter: isPrintableCharacter2,
|
|
3136
|
+
visible: creatable === "visible",
|
|
3128
3137
|
children: [
|
|
3129
3138
|
/* @__PURE__ */ jsxRuntime.jsxs(Trigger$5, { $hasError: hasError, $size: size, className, children: [
|
|
3130
3139
|
/* @__PURE__ */ jsxRuntime.jsxs(Flex, { flex: "1", tag: "span", gap: 3, children: [
|
|
@@ -3160,21 +3169,18 @@ const Combobox = React__namespace.forwardRef(
|
|
|
3160
3169
|
/* @__PURE__ */ jsxRuntime.jsx(DownIcon$1, { children: /* @__PURE__ */ jsxRuntime.jsx(icons.CaretDown, { fill: "neutral500" }) })
|
|
3161
3170
|
] })
|
|
3162
3171
|
] }),
|
|
3163
|
-
/* @__PURE__ */ jsxRuntime.jsx(uiPrimitives.Combobox.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(Content$5, { sideOffset: 4, children: /* @__PURE__ */ jsxRuntime.
|
|
3164
|
-
children
|
|
3165
|
-
|
|
3166
|
-
uiPrimitives.Combobox.
|
|
3167
|
-
{
|
|
3168
|
-
|
|
3169
|
-
|
|
3170
|
-
|
|
3171
|
-
|
|
3172
|
-
}
|
|
3173
|
-
) : null
|
|
3174
|
-
|
|
3175
|
-
loading ? /* @__PURE__ */ jsxRuntime.jsx(Flex, { justifyContent: "center", alignItems: "center", paddingTop: 2, paddingBottom: 2, children: /* @__PURE__ */ jsxRuntime.jsx(Loader, { small: true, children: loadingMessage }) }) : null,
|
|
3176
|
-
/* @__PURE__ */ jsxRuntime.jsx(Box, { id: intersectionId, width: "100%", height: "1px" })
|
|
3177
|
-
] }) }) }) })
|
|
3172
|
+
/* @__PURE__ */ jsxRuntime.jsx(uiPrimitives.Combobox.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(Content$5, { sideOffset: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(uiPrimitives.Combobox.Viewport, { ref: viewportRef, children: [
|
|
3173
|
+
/* @__PURE__ */ jsxRuntime.jsxs(ScrollAreaCombobox, { children: [
|
|
3174
|
+
children,
|
|
3175
|
+
creatable !== true && !loading ? /* @__PURE__ */ jsxRuntime.jsx(uiPrimitives.Combobox.NoValueFound, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(OptionBox, { $hasHover: false, children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { children: noOptionsMessage(internalTextValue ?? "") }) }) }) : null,
|
|
3176
|
+
loading ? /* @__PURE__ */ jsxRuntime.jsx(Flex, { justifyContent: "center", alignItems: "center", paddingTop: 2, paddingBottom: 2, children: /* @__PURE__ */ jsxRuntime.jsx(Loader, { small: true, children: loadingMessage }) }) : null,
|
|
3177
|
+
/* @__PURE__ */ jsxRuntime.jsx(Box, { id: intersectionId, width: "100%", height: "1px" })
|
|
3178
|
+
] }),
|
|
3179
|
+
creatable ? /* @__PURE__ */ jsxRuntime.jsx(ComboboxCreateItem, { onPointerUp: handleCreateItemClick, onClick: handleCreateItemClick, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(OptionBox, { children: /* @__PURE__ */ jsxRuntime.jsxs(Flex, { gap: 2, children: [
|
|
3180
|
+
creatableStartIcon && /* @__PURE__ */ jsxRuntime.jsx(Box, { tag: "span", "aria-hidden": true, display: "inline-flex", children: creatableStartIcon }),
|
|
3181
|
+
/* @__PURE__ */ jsxRuntime.jsx(Typography, { children: createMessage(internalTextValue ?? "") })
|
|
3182
|
+
] }) }) }) : null
|
|
3183
|
+
] }) }) })
|
|
3178
3184
|
]
|
|
3179
3185
|
}
|
|
3180
3186
|
);
|
|
@@ -3259,6 +3265,11 @@ const Content$5 = styledComponents.styled(uiPrimitives.Combobox.Content)`
|
|
|
3259
3265
|
max-height: 15rem;
|
|
3260
3266
|
z-index: ${({ theme }) => theme.zIndices.popover};
|
|
3261
3267
|
|
|
3268
|
+
&:focus-visible {
|
|
3269
|
+
outline: ${({ theme }) => `2px solid ${theme.colors.primary600}`};
|
|
3270
|
+
outline-offset: 2px;
|
|
3271
|
+
}
|
|
3272
|
+
|
|
3262
3273
|
@media (prefers-reduced-motion: no-preference) {
|
|
3263
3274
|
animation-duration: ${(props) => props.theme.motion.timings["200"]};
|
|
3264
3275
|
|
|
@@ -3276,7 +3287,29 @@ const Content$5 = styledComponents.styled(uiPrimitives.Combobox.Content)`
|
|
|
3276
3287
|
}
|
|
3277
3288
|
}
|
|
3278
3289
|
`;
|
|
3279
|
-
const
|
|
3290
|
+
const ComboboxCreateItem = styledComponents.styled(uiPrimitives.Combobox.CreateItem)`
|
|
3291
|
+
&& {
|
|
3292
|
+
border-top: 1px solid ${({ theme }) => theme.colors.neutral150};
|
|
3293
|
+
background: ${({ theme }) => theme.colors.neutral0};
|
|
3294
|
+
cursor: pointer;
|
|
3295
|
+
padding: ${({ theme }) => theme.spaces[1]};
|
|
3296
|
+
position: sticky;
|
|
3297
|
+
bottom: 0;
|
|
3298
|
+
left: 0;
|
|
3299
|
+
}
|
|
3300
|
+
&&:hover,
|
|
3301
|
+
&&[data-highlighted] {
|
|
3302
|
+
background-color: transparent;
|
|
3303
|
+
}
|
|
3304
|
+
&& > div {
|
|
3305
|
+
padding: ${({ theme }) => theme.spaces[2]} ${({ theme }) => theme.spaces[4]};
|
|
3306
|
+
}
|
|
3307
|
+
&& > div:hover,
|
|
3308
|
+
&&[data-highlighted] > div {
|
|
3309
|
+
background-color: ${({ theme }) => theme.colors.primary100};
|
|
3310
|
+
}
|
|
3311
|
+
`;
|
|
3312
|
+
const ScrollAreaCombobox = styledComponents.styled(ScrollAreaImpl$1)`
|
|
3280
3313
|
padding: ${({ theme }) => theme.spaces[1]};
|
|
3281
3314
|
`;
|
|
3282
3315
|
const Option = React__namespace.forwardRef(
|
|
@@ -3569,6 +3602,14 @@ ${styledComponents.css`
|
|
|
3569
3602
|
outline-offset: 2px;
|
|
3570
3603
|
}
|
|
3571
3604
|
|
|
3605
|
+
*:has(> :disabled:not(button)) {
|
|
3606
|
+
cursor: not-allowed !important;
|
|
3607
|
+
}
|
|
3608
|
+
|
|
3609
|
+
[aria-disabled='true']:not(button) {
|
|
3610
|
+
cursor: not-allowed !important;
|
|
3611
|
+
}
|
|
3612
|
+
|
|
3572
3613
|
/* Focusing the button with a mouse, touch, or stylus will show a subtle drop shadow. */
|
|
3573
3614
|
*:focus:not(:focus-visible) {
|
|
3574
3615
|
outline: none;
|
|
@@ -4715,6 +4756,9 @@ const convertUTCDateToCalendarDate = (date$1) => {
|
|
|
4715
4756
|
const isNotAlphabeticalCharacter = (str) => {
|
|
4716
4757
|
return Boolean(str.match(/^[^a-zA-Z]*$/));
|
|
4717
4758
|
};
|
|
4759
|
+
function escapeForRegex(str = "") {
|
|
4760
|
+
return str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
|
|
4761
|
+
}
|
|
4718
4762
|
const TimePicker$1 = React__namespace.forwardRef(
|
|
4719
4763
|
({ step = 15, value: valueProp, defaultValue, onChange, ...restProps }, forwardedRef) => {
|
|
4720
4764
|
const context = useDesignSystem("TimePicker");
|
|
@@ -4778,6 +4822,8 @@ const TimePicker$1 = React__namespace.forwardRef(
|
|
|
4778
4822
|
setTextValue(actualValue);
|
|
4779
4823
|
}
|
|
4780
4824
|
}, [valueProp, setTextValue]);
|
|
4825
|
+
const escapedSeparator = escapeForRegex(separator);
|
|
4826
|
+
const pattern = `\\d{2}${escapedSeparator}\\d{2}`;
|
|
4781
4827
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
4782
4828
|
Combobox,
|
|
4783
4829
|
{
|
|
@@ -4791,7 +4837,7 @@ const TimePicker$1 = React__namespace.forwardRef(
|
|
|
4791
4837
|
autocomplete: "none",
|
|
4792
4838
|
startIcon: /* @__PURE__ */ jsxRuntime.jsx(icons.Clock, { fill: "neutral500" }),
|
|
4793
4839
|
inputMode: "numeric",
|
|
4794
|
-
pattern
|
|
4840
|
+
pattern,
|
|
4795
4841
|
textValue,
|
|
4796
4842
|
onTextValueChange: handleTextValueChange,
|
|
4797
4843
|
onBlur: handleBlur,
|
|
@@ -5094,6 +5140,7 @@ const JSONInput = React__namespace.forwardRef(
|
|
|
5094
5140
|
JSONInputContainer,
|
|
5095
5141
|
{
|
|
5096
5142
|
ref: composedRefs,
|
|
5143
|
+
$disabled: disabled,
|
|
5097
5144
|
$hasError: hasError,
|
|
5098
5145
|
alignItems: "stretch",
|
|
5099
5146
|
fontSize: 2,
|
|
@@ -5117,6 +5164,7 @@ const JSONInputContainer = styledComponents.styled(Flex)`
|
|
|
5117
5164
|
background-color: #32324d;
|
|
5118
5165
|
width: 100%;
|
|
5119
5166
|
outline: none;
|
|
5167
|
+
cursor: ${({ $disabled }) => $disabled ? "not-allowed" : "text"};
|
|
5120
5168
|
}
|
|
5121
5169
|
|
|
5122
5170
|
.cm-scroller {
|
|
@@ -5188,19 +5236,23 @@ const SkipToContent = ({ children }) => {
|
|
|
5188
5236
|
}
|
|
5189
5237
|
);
|
|
5190
5238
|
};
|
|
5191
|
-
const setOpacity = (hex, alpha) => `${hex}${Math.floor(alpha * 255).toString(16).padStart(2, "0")}`;
|
|
5192
5239
|
const Root$3 = Dialog__namespace.Root;
|
|
5193
5240
|
const Trigger$2 = React__namespace.forwardRef((props, forwardedRef) => {
|
|
5194
5241
|
return /* @__PURE__ */ jsxRuntime.jsx(Dialog__namespace.Trigger, { ...props, asChild: true, ref: forwardedRef });
|
|
5195
5242
|
});
|
|
5196
5243
|
const Content$2 = React__namespace.forwardRef((props, forwardedRef) => {
|
|
5197
|
-
return /* @__PURE__ */ jsxRuntime.
|
|
5244
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(Dialog__namespace.Portal, { children: [
|
|
5245
|
+
/* @__PURE__ */ jsxRuntime.jsx(Overlay, {}),
|
|
5246
|
+
/* @__PURE__ */ jsxRuntime.jsx(ContentImpl, { ref: forwardedRef, ...props })
|
|
5247
|
+
] });
|
|
5198
5248
|
});
|
|
5199
5249
|
const Overlay = styledComponents.styled(Dialog__namespace.Overlay)`
|
|
5200
|
-
background: ${(props) =>
|
|
5250
|
+
background-color: ${(props) => props.theme.colors.neutral800};
|
|
5201
5251
|
position: fixed;
|
|
5202
5252
|
inset: 0;
|
|
5203
5253
|
z-index: ${(props) => props.theme.zIndices.overlay};
|
|
5254
|
+
opacity: 0.2;
|
|
5255
|
+
will-change: opacity;
|
|
5204
5256
|
|
|
5205
5257
|
@media (prefers-reduced-motion: no-preference) {
|
|
5206
5258
|
animation: ${ANIMATIONS.overlayFadeIn} ${(props) => props.theme.motion.timings["200"]}
|
|
@@ -5676,6 +5728,7 @@ const RadioGroupItem = styledComponents.styled(RadioGroup__namespace.Item)`
|
|
|
5676
5728
|
border-radius: 50%;
|
|
5677
5729
|
border: 1px solid ${(props) => props.theme.colors.neutral300};
|
|
5678
5730
|
position: relative;
|
|
5731
|
+
cursor: pointer;
|
|
5679
5732
|
z-index: 0;
|
|
5680
5733
|
|
|
5681
5734
|
@media (prefers-reduced-motion: no-preference) {
|
|
@@ -5688,6 +5741,7 @@ const RadioGroupItem = styledComponents.styled(RadioGroup__namespace.Item)`
|
|
|
5688
5741
|
}
|
|
5689
5742
|
|
|
5690
5743
|
&[data-disabled] {
|
|
5744
|
+
cursor: not-allowed;
|
|
5691
5745
|
background-color: ${(props) => props.theme.colors.neutral200};
|
|
5692
5746
|
}
|
|
5693
5747
|
|
|
@@ -7038,6 +7092,10 @@ const TextareaElement = styledComponents.styled(Box)`
|
|
|
7038
7092
|
&:focus-within {
|
|
7039
7093
|
outline: none;
|
|
7040
7094
|
}
|
|
7095
|
+
|
|
7096
|
+
&:disabled {
|
|
7097
|
+
cursor: not-allowed;
|
|
7098
|
+
}
|
|
7041
7099
|
`;
|
|
7042
7100
|
const Toggle = React__namespace.forwardRef(
|
|
7043
7101
|
({
|