@tedi-design-system/react 17.0.0-rc.3 → 17.0.0-rc.4
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/_virtual/index.cjs10.js +1 -1
- package/_virtual/index.cjs11.js +1 -1
- package/_virtual/index.cjs12.js +1 -1
- package/_virtual/index.cjs13.js +1 -1
- package/_virtual/index.cjs5.js +1 -1
- package/_virtual/index.cjs6.js +1 -1
- package/_virtual/index.cjs7.js +1 -1
- package/_virtual/index.cjs8.js +1 -1
- package/_virtual/index.cjs9.js +1 -1
- package/_virtual/index.es10.js +1 -1
- package/_virtual/index.es11.js +1 -1
- package/_virtual/index.es12.js +1 -1
- package/_virtual/index.es13.js +2 -4
- package/_virtual/index.es5.js +4 -2
- package/_virtual/index.es6.js +1 -1
- package/_virtual/index.es7.js +1 -1
- package/_virtual/index.es8.js +1 -1
- package/_virtual/index.es9.js +1 -1
- package/bundle-stats.html +1 -1
- package/external/@mui/system/colorManipulator.cjs.js +1 -1
- package/external/@mui/system/colorManipulator.es.js +2 -2
- package/external/@mui/system/createStyled.cjs.js +1 -1
- package/external/@mui/system/createStyled.es.js +6 -6
- package/external/@mui/system/useThemeWithoutDefault.cjs.js +1 -1
- package/external/@mui/system/useThemeWithoutDefault.es.js +1 -1
- package/external/toposort/index.cjs.js +1 -1
- package/external/toposort/index.es.js +1 -1
- package/index.css +1 -1
- package/package.json +1 -1
- package/src/tedi/components/form/toggle/toggle.cjs.js +1 -0
- package/src/tedi/components/form/toggle/toggle.d.ts +92 -0
- package/src/tedi/components/form/toggle/toggle.es.js +79 -0
- package/src/tedi/components/form/toggle/toggle.module.scss.cjs.js +1 -0
- package/src/tedi/components/form/toggle/toggle.module.scss.es.js +19 -0
- package/src/tedi/index.d.ts +1 -0
- package/tedi.cjs.js +1 -1
- package/tedi.es.js +137 -135
package/package.json
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("../../../../../external/classnames/index.cjs.js"),m=require("react"),R=require("../../base/icon/icon.cjs.js"),w=require("../../loaders/spinner/spinner.cjs.js"),P=require("../feedback-text/feedback-text.cjs.js"),M=require("../form-label/form-label.cjs.js"),e=require("./toggle.module.scss.cjs.js"),_=m.forwardRef((k,x)=>{const{id:o,label:l,hideLabel:j=!1,labelPosition:N="left",helper:a,className:y,checked:n,defaultChecked:g,onChange:d,size:C,color:q="primary",type:v="filled",icon:u,disabled:f=!1,isLoading:s=!1,tooltip:T,...$}=k,h=a?`${o}-helper`:void 0,[z,S]=m.useState(g??!1),i=typeof n<"u",c=i?n:z,p=C||(u?"large":"default"),L=b=>{s||(i||S(b.target.checked),d==null||d(b.target.checked))},F=r.default(e.default["tedi-toggle"],e.default[`tedi-toggle--${p}`],e.default[`tedi-toggle--${q}-${v}`],{[e.default["tedi-toggle--active"]]:c,[e.default["tedi-toggle--disabled"]]:f||s},y),I=r.default(e.default["tedi-toggle__control"],e.default[`tedi-toggle__control--label-${N}`]);return t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:I,children:[l&&t.jsx(M.FormLabel,{id:o,className:e.default["tedi-toggle__label"],hideLabel:j,label:l,tooltip:T}),t.jsxs("div",{className:F,children:[t.jsx("input",{...$,ref:x,id:o,type:"checkbox",role:"switch","aria-label":typeof l=="string"?l:void 0,"aria-describedby":h,className:e.default["tedi-toggle__input"],checked:i?c:void 0,defaultChecked:i?void 0:g,disabled:f||s,onChange:L}),t.jsx("span",{className:e.default["tedi-toggle__slider"],children:s?t.jsx(w.Spinner,{size:p==="large"?16:10,className:e.default["tedi-toggle__icon"]}):u?t.jsx(R.Icon,{name:c?"lock_open":"lock",size:16,color:"inherit"}):null})]})]}),a&&t.jsx(P.FeedbackText,{id:h,...a,className:r.default(e.default["tedi-toggle__helper"],a.className)})]})});_.displayName="Toggle";exports.Toggle=_;
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { FeedbackTextProps } from '../feedback-text/feedback-text';
|
|
3
|
+
export interface ToggleProps {
|
|
4
|
+
/**
|
|
5
|
+
* Unique identifier for the toggle input.
|
|
6
|
+
* Required for accessibility and to link the label with the input.
|
|
7
|
+
*/
|
|
8
|
+
id: string;
|
|
9
|
+
/**
|
|
10
|
+
* Label text or element displayed next to the toggle.
|
|
11
|
+
* This is shown to users and should clearly describe what the toggle does.
|
|
12
|
+
*/
|
|
13
|
+
label: React.ReactNode;
|
|
14
|
+
/**
|
|
15
|
+
* Visually hides the label while keeping it accessible to screen readers.
|
|
16
|
+
* Useful when the toggle's purpose is clear from context (e.g., in a settings row).
|
|
17
|
+
* @default false
|
|
18
|
+
*/
|
|
19
|
+
hideLabel?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Position of the label relative to the toggle switch.
|
|
22
|
+
* @default right
|
|
23
|
+
*/
|
|
24
|
+
labelPosition?: 'left' | 'right';
|
|
25
|
+
/**
|
|
26
|
+
* Optional helper text displayed below the toggle.
|
|
27
|
+
* Can be used to provide additional context or validation messages.
|
|
28
|
+
*/
|
|
29
|
+
helper?: FeedbackTextProps;
|
|
30
|
+
/**
|
|
31
|
+
* Additional CSS class name(s) to apply to the toggle wrapper.
|
|
32
|
+
* Useful for custom styling or theming from parent components.
|
|
33
|
+
*/
|
|
34
|
+
className?: string;
|
|
35
|
+
/**
|
|
36
|
+
* Controlled state of the toggle.
|
|
37
|
+
* Use this together with `onChange` for full control over the checked state.
|
|
38
|
+
*/
|
|
39
|
+
checked?: boolean;
|
|
40
|
+
/**
|
|
41
|
+
* Initial checked state for uncontrolled usage.
|
|
42
|
+
* Ignored if `checked` prop is provided.
|
|
43
|
+
*/
|
|
44
|
+
defaultChecked?: boolean;
|
|
45
|
+
/**
|
|
46
|
+
* Callback fired when the toggle state changes.
|
|
47
|
+
* @param value - The new checked state (`true` or `false`)
|
|
48
|
+
*/
|
|
49
|
+
onChange?(value: boolean): void;
|
|
50
|
+
/**
|
|
51
|
+
* Size of the toggle switch.
|
|
52
|
+
* @default default
|
|
53
|
+
*/
|
|
54
|
+
size?: 'default' | 'large';
|
|
55
|
+
/**
|
|
56
|
+
* Color variant of the toggle.
|
|
57
|
+
* - `primary`: Standard toggle (usually blue/brand color)
|
|
58
|
+
* - `colored`: Alternative accent color (e.g. for special settings)
|
|
59
|
+
* @default primary
|
|
60
|
+
*/
|
|
61
|
+
color?: 'primary' | 'colored';
|
|
62
|
+
/**
|
|
63
|
+
* Visual style variant of the toggle.
|
|
64
|
+
* @default filled
|
|
65
|
+
*/
|
|
66
|
+
type?: 'filled' | 'outlined';
|
|
67
|
+
/**
|
|
68
|
+
* Shows a lock icon inside the toggle knob.
|
|
69
|
+
* Typically used with `size="large"` to indicate secure/private settings.
|
|
70
|
+
* @default false
|
|
71
|
+
*/
|
|
72
|
+
icon?: boolean;
|
|
73
|
+
/**
|
|
74
|
+
* Disables the toggle, preventing user interaction.
|
|
75
|
+
* @default false
|
|
76
|
+
*/
|
|
77
|
+
disabled?: boolean;
|
|
78
|
+
/**
|
|
79
|
+
* Shows a loading spinner inside the toggle instead of the icon or dot.
|
|
80
|
+
* Useful for async operations (e.g. saving settings).
|
|
81
|
+
* When `true`, `onChange` will not be triggered.
|
|
82
|
+
* @default false
|
|
83
|
+
*/
|
|
84
|
+
isLoading?: boolean;
|
|
85
|
+
/**
|
|
86
|
+
* Tooltip content shown when hovering over the label.
|
|
87
|
+
* Useful for providing extra explanation without cluttering the UI.
|
|
88
|
+
*/
|
|
89
|
+
tooltip?: string;
|
|
90
|
+
}
|
|
91
|
+
export declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLInputElement>>;
|
|
92
|
+
export default Toggle;
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { jsxs as c, Fragment as w, jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import n from "../../../../../external/classnames/index.es.js";
|
|
3
|
+
import { forwardRef as P, useState as R } from "react";
|
|
4
|
+
import { Icon as q } from "../../base/icon/icon.es.js";
|
|
5
|
+
import { Spinner as A } from "../../loaders/spinner/spinner.es.js";
|
|
6
|
+
import { FeedbackText as B } from "../feedback-text/feedback-text.es.js";
|
|
7
|
+
import { FormLabel as D } from "../form-label/form-label.es.js";
|
|
8
|
+
import e from "./toggle.module.scss.es.js";
|
|
9
|
+
const E = P((k, N) => {
|
|
10
|
+
const {
|
|
11
|
+
id: a,
|
|
12
|
+
label: t,
|
|
13
|
+
hideLabel: u = !1,
|
|
14
|
+
labelPosition: C = "left",
|
|
15
|
+
helper: o,
|
|
16
|
+
className: y,
|
|
17
|
+
checked: g,
|
|
18
|
+
defaultChecked: m,
|
|
19
|
+
onChange: r,
|
|
20
|
+
size: v,
|
|
21
|
+
color: x = "primary",
|
|
22
|
+
type: z = "filled",
|
|
23
|
+
icon: p,
|
|
24
|
+
disabled: f = !1,
|
|
25
|
+
isLoading: i = !1,
|
|
26
|
+
tooltip: $,
|
|
27
|
+
...F
|
|
28
|
+
} = k, h = o ? `${a}-helper` : void 0, [I, L] = R(m ?? !1), s = typeof g < "u", d = s ? g : I, _ = v || (p ? "large" : "default"), S = (b) => {
|
|
29
|
+
i || (s || L(b.target.checked), r == null || r(b.target.checked));
|
|
30
|
+
}, T = n(
|
|
31
|
+
e["tedi-toggle"],
|
|
32
|
+
e[`tedi-toggle--${_}`],
|
|
33
|
+
e[`tedi-toggle--${x}-${z}`],
|
|
34
|
+
{
|
|
35
|
+
[e["tedi-toggle--active"]]: d,
|
|
36
|
+
[e["tedi-toggle--disabled"]]: f || i
|
|
37
|
+
},
|
|
38
|
+
y
|
|
39
|
+
), j = n(e["tedi-toggle__control"], e[`tedi-toggle__control--label-${C}`]);
|
|
40
|
+
return /* @__PURE__ */ c(w, { children: [
|
|
41
|
+
/* @__PURE__ */ c("div", { className: j, children: [
|
|
42
|
+
t && /* @__PURE__ */ l(
|
|
43
|
+
D,
|
|
44
|
+
{
|
|
45
|
+
id: a,
|
|
46
|
+
className: e["tedi-toggle__label"],
|
|
47
|
+
hideLabel: u,
|
|
48
|
+
label: t,
|
|
49
|
+
tooltip: $
|
|
50
|
+
}
|
|
51
|
+
),
|
|
52
|
+
/* @__PURE__ */ c("div", { className: T, children: [
|
|
53
|
+
/* @__PURE__ */ l(
|
|
54
|
+
"input",
|
|
55
|
+
{
|
|
56
|
+
...F,
|
|
57
|
+
ref: N,
|
|
58
|
+
id: a,
|
|
59
|
+
type: "checkbox",
|
|
60
|
+
role: "switch",
|
|
61
|
+
"aria-label": typeof t == "string" ? t : void 0,
|
|
62
|
+
"aria-describedby": h,
|
|
63
|
+
className: e["tedi-toggle__input"],
|
|
64
|
+
checked: s ? d : void 0,
|
|
65
|
+
defaultChecked: s ? void 0 : m,
|
|
66
|
+
disabled: f || i,
|
|
67
|
+
onChange: S
|
|
68
|
+
}
|
|
69
|
+
),
|
|
70
|
+
/* @__PURE__ */ l("span", { className: e["tedi-toggle__slider"], children: i ? /* @__PURE__ */ l(A, { size: _ === "large" ? 16 : 10, className: e["tedi-toggle__icon"] }) : p ? /* @__PURE__ */ l(q, { name: d ? "lock_open" : "lock", size: 16, color: "inherit" }) : null })
|
|
71
|
+
] })
|
|
72
|
+
] }),
|
|
73
|
+
o && /* @__PURE__ */ l(B, { id: h, ...o, className: n(e["tedi-toggle__helper"], o.className) })
|
|
74
|
+
] });
|
|
75
|
+
});
|
|
76
|
+
E.displayName = "Toggle";
|
|
77
|
+
export {
|
|
78
|
+
E as Toggle
|
|
79
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={"tedi-toggle":"tedi-toggle-bf2092b8","tedi-toggle--default":"tedi-toggle--default-29bee46c","tedi-toggle__slider":"tedi-toggle__slider-99a4a0ae","tedi-toggle--large":"tedi-toggle--large-0b4cc552","tedi-toggle--primary-filled":"tedi-toggle--primary-filled-179ce9d5","tedi-toggle--primary-outlined":"tedi-toggle--primary-outlined-5740f18d","tedi-toggle--colored-filled":"tedi-toggle--colored-filled-0cf929c1","tedi-toggle--colored-outlined":"tedi-toggle--colored-outlined-1b147450","tedi-toggle__input":"tedi-toggle__input-1ef36755","tedi-toggle__icon":"tedi-toggle__icon-3602d8ca","tedi-toggle--disabled":"tedi-toggle--disabled-72cc5bec","tedi-toggle__control":"tedi-toggle__control-5202406f","tedi-toggle__control--label-left":"tedi-toggle__control--label-left-b0ce2b37","tedi-toggle__control--label-right":"tedi-toggle__control--label-right-0fff724d"};exports.default=e;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
const e = {
|
|
2
|
+
"tedi-toggle": "tedi-toggle-bf2092b8",
|
|
3
|
+
"tedi-toggle--default": "tedi-toggle--default-29bee46c",
|
|
4
|
+
"tedi-toggle__slider": "tedi-toggle__slider-99a4a0ae",
|
|
5
|
+
"tedi-toggle--large": "tedi-toggle--large-0b4cc552",
|
|
6
|
+
"tedi-toggle--primary-filled": "tedi-toggle--primary-filled-179ce9d5",
|
|
7
|
+
"tedi-toggle--primary-outlined": "tedi-toggle--primary-outlined-5740f18d",
|
|
8
|
+
"tedi-toggle--colored-filled": "tedi-toggle--colored-filled-0cf929c1",
|
|
9
|
+
"tedi-toggle--colored-outlined": "tedi-toggle--colored-outlined-1b147450",
|
|
10
|
+
"tedi-toggle__input": "tedi-toggle__input-1ef36755",
|
|
11
|
+
"tedi-toggle__icon": "tedi-toggle__icon-3602d8ca",
|
|
12
|
+
"tedi-toggle--disabled": "tedi-toggle--disabled-72cc5bec",
|
|
13
|
+
"tedi-toggle__control": "tedi-toggle__control-5202406f",
|
|
14
|
+
"tedi-toggle__control--label-left": "tedi-toggle__control--label-left-b0ce2b37",
|
|
15
|
+
"tedi-toggle__control--label-right": "tedi-toggle__control--label-right-0fff724d"
|
|
16
|
+
};
|
|
17
|
+
export {
|
|
18
|
+
e as default
|
|
19
|
+
};
|
package/src/tedi/index.d.ts
CHANGED
|
@@ -27,6 +27,7 @@ export * from './components/navigation/link/link';
|
|
|
27
27
|
export * from './components/form/textfield/textfield';
|
|
28
28
|
export * from './components/form/textarea/textarea';
|
|
29
29
|
export * from './components/form/number-field/number-field';
|
|
30
|
+
export * from './components/form/toggle/toggle';
|
|
30
31
|
export * from './components/form/feedback-text/feedback-text';
|
|
31
32
|
export * from './components/form/search/search';
|
|
32
33
|
export * from './components/form/radio/radio';
|
package/tedi.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./src/tedi/components/base/typography/text/text.cjs.js"),u=require("./src/tedi/components/base/typography/heading/heading.cjs.js"),a=require("./src/tedi/components/base/icon/icon.cjs.js"),l=require("./src/tedi/components/content/label/label.cjs.js"),d=require("./src/tedi/components/content/section/section.cjs.js"),p=require("./src/tedi/components/content/heading-with-icon/heading-with-icon.cjs.js"),q=require("./src/tedi/components/content/truncate/truncate.cjs.js"),g=require("./src/tedi/components/content/text-group/text-group.cjs.js"),C=require("./src/tedi/components/loaders/spinner/spinner.cjs.js"),v=require("./src/tedi/components/tags/tag/tag.cjs.js"),S=require("./src/tedi/components/tags/status-badge/status-badge.cjs.js"),T=require("./src/tedi/components/buttons/closing-button/closing-button.cjs.js"),b=require("./src/tedi/components/buttons/button/button.cjs.js"),h=require("./src/tedi/components/buttons/info-button/info-button.cjs.js"),x=require("./src/tedi/components/buttons/floating-button/floating-button.cjs.js"),I=require("./src/tedi/components/buttons/button-group/button-group.cjs.js"),P=require("./src/tedi/components/buttons/collapse/collapse.cjs.js"),B=require("./src/tedi/components/notifications/alert/alert.cjs.js"),k=require("./src/tedi/components/notifications/toast/toast.cjs.js"),m=require("./src/tedi/components/navigation/hash-trigger/hash-trigger.cjs.js"),w=require("./src/tedi/components/navigation/link/link.cjs.js"),D=require("./src/tedi/components/form/textfield/textfield.cjs.js"),L=require("./src/tedi/components/form/textarea/textarea.cjs.js"),f=require("./src/tedi/components/form/number-field/number-field.cjs.js"),F=require("./src/tedi/components/form/feedback-text/feedback-text.cjs.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./src/tedi/components/base/typography/text/text.cjs.js"),u=require("./src/tedi/components/base/typography/heading/heading.cjs.js"),a=require("./src/tedi/components/base/icon/icon.cjs.js"),l=require("./src/tedi/components/content/label/label.cjs.js"),d=require("./src/tedi/components/content/section/section.cjs.js"),p=require("./src/tedi/components/content/heading-with-icon/heading-with-icon.cjs.js"),q=require("./src/tedi/components/content/truncate/truncate.cjs.js"),g=require("./src/tedi/components/content/text-group/text-group.cjs.js"),C=require("./src/tedi/components/loaders/spinner/spinner.cjs.js"),v=require("./src/tedi/components/tags/tag/tag.cjs.js"),S=require("./src/tedi/components/tags/status-badge/status-badge.cjs.js"),T=require("./src/tedi/components/buttons/closing-button/closing-button.cjs.js"),b=require("./src/tedi/components/buttons/button/button.cjs.js"),h=require("./src/tedi/components/buttons/info-button/info-button.cjs.js"),x=require("./src/tedi/components/buttons/floating-button/floating-button.cjs.js"),I=require("./src/tedi/components/buttons/button-group/button-group.cjs.js"),P=require("./src/tedi/components/buttons/collapse/collapse.cjs.js"),B=require("./src/tedi/components/notifications/alert/alert.cjs.js"),k=require("./src/tedi/components/notifications/toast/toast.cjs.js"),m=require("./src/tedi/components/navigation/hash-trigger/hash-trigger.cjs.js"),w=require("./src/tedi/components/navigation/link/link.cjs.js"),D=require("./src/tedi/components/form/textfield/textfield.cjs.js"),L=require("./src/tedi/components/form/textarea/textarea.cjs.js"),f=require("./src/tedi/components/form/number-field/number-field.cjs.js"),F=require("./src/tedi/components/form/toggle/toggle.cjs.js"),G=require("./src/tedi/components/form/feedback-text/feedback-text.cjs.js"),N=require("./src/tedi/components/form/search/search.cjs.js"),y=require("./src/tedi/components/form/radio/radio.cjs.js"),A=require("./src/tedi/components/form/file-upload/file-upload.cjs.js"),M=require("./src/tedi/components/form/file-dropzone/file-dropzone.cjs.js"),H=require("./src/tedi/components/form/select/select.cjs.js"),V=require("./src/tedi/components/form/checkbox/checkbox.cjs.js"),z=require("./src/tedi/components/misc/separator/separator.cjs.js"),R=require("./src/tedi/components/misc/print/print.cjs.js"),U=require("./src/tedi/components/misc/stretch-content/stretch-content.cjs.js"),W=require("./src/tedi/components/misc/scroll-visibility/scroll-visibility.cjs.js"),E=require("./src/tedi/components/misc/scroll-fade/scroll-fade.cjs.js"),j=require("./src/tedi/components/misc/affix/affix.cjs.js"),O=require("./src/tedi/components/misc/ellipsis/ellipsis.cjs.js"),J=require("./src/tedi/providers/style-provider/style-provider.cjs.js"),o=require("./src/tedi/providers/accessibility-provider/accessibility-provider.cjs.js"),K=require("./src/tedi/providers/accessibility-provider/use-declare-loader.cjs.js"),t=require("./src/tedi/providers/theme-provider/theme-provider.cjs.js"),i=require("./src/tedi/providers/printing-provider/printing-provider.cjs.js"),Q=require("./src/tedi/components/cards/card/card.cjs.js"),X=require("./src/tedi/components/cards/card/card-content/card-content.cjs.js"),Y=require("./src/tedi/components/cards/card/card-header/card-header.cjs.js"),Z=require("./src/tedi/components/cards/card/card-notification/card-notification.cjs.js"),_=require("./src/tedi/components/form/choice-group/choice-group.cjs.js"),$=require("./src/tedi/components/form/choice-group/choice-group-context.cjs.js"),ee=require("./src/tedi/components/form/choice-group/components/choice-group-item/choice-group-item.cjs.js"),re=require("./src/tedi/components/layout/grid/col.cjs.js"),oe=require("./src/tedi/components/overlays/dropdown/dropdown.cjs.js"),te=require("./src/tedi/components/overlays/dropdown/dropdown-content/dropdown-content.cjs.js"),n=require("./src/tedi/components/overlays/dropdown/dropdown-context.cjs.js"),ie=require("./src/tedi/components/overlays/dropdown/dropdown-item/dropdown-item.cjs.js"),ne=require("./src/tedi/components/overlays/dropdown/dropdown-trigger/dropdown-trigger.cjs.js"),s=require("./src/tedi/providers/label-provider/label-provider.cjs.js"),se=require("./src/tedi/components/content/list/list.cjs.js"),ce=require("./src/tedi/components/content/list/list-item.cjs.js"),ue=require("./src/tedi/components/overlays/popover/popover.cjs.js"),ae=require("./src/tedi/components/overlays/popover/popover-content.cjs.js"),le=require("./src/tedi/components/overlays/popover/popover-trigger.cjs.js"),de=require("./src/tedi/components/layout/grid/row.cjs.js"),pe=require("./src/tedi/components/layout/sidenav/sidenav.cjs.js"),qe=require("./src/tedi/components/layout/sidenav/components/sidenav-dropdown/sidenav-dropdown.cjs.js"),ge=require("./src/tedi/components/layout/sidenav/components/sidenav-item/sidenav-item.cjs.js"),Ce=require("./src/tedi/components/layout/sidenav/components/sidenav-mobile/sidenav-mobile.cjs.js"),ve=require("./src/tedi/components/layout/sidenav/components/sidenav-toggle/sidenav-toggle.cjs.js"),Se=require("./src/tedi/components/loaders/skeleton/skeleton.cjs.js"),Te=require("./src/tedi/components/loaders/skeleton/skeleton-block/skeleton-block.cjs.js"),be=require("./external/react-toastify/dist/index.cjs.js"),he=require("./src/tedi/components/overlays/tooltip/tooltip.cjs.js"),xe=require("./src/tedi/components/overlays/tooltip/tooltip-content.cjs.js"),Ie=require("./src/tedi/components/overlays/tooltip/tooltip-trigger.cjs.js"),Pe=require("./src/tedi/components/layout/vertical-spacing/vertical-spacing.cjs.js"),Be=require("./src/tedi/components/layout/vertical-spacing/vertical-spacing-item.cjs.js"),e=require("./src/tedi/helpers/hooks/use-breakpoint.cjs.js"),r=require("./src/tedi/providers/label-provider/labels-map.cjs.js"),ke=require("./src/tedi/helpers/hooks/use-breakpoint-props.cjs.js"),me=require("./src/tedi/helpers/hooks/use-element-size.cjs.js"),we=require("./src/tedi/helpers/hooks/use-file-upload.cjs.js"),De=require("./src/tedi/helpers/hooks/use-is-mounted.cjs.js"),Le=require("./src/tedi/helpers/hooks/use-is-touch-device.cjs.js"),fe=require("./src/tedi/providers/label-provider/use-labels.cjs.js"),Fe=require("./src/tedi/helpers/hooks/use-scroll.cjs.js"),Ge=require("./src/tedi/helpers/hooks/use-what-input.cjs.js");exports.Text=c.Text;exports.Heading=u.Heading;exports.Icon=a.Icon;exports.Label=l.Label;exports.Section=d.Section;exports.HeadingWithIcon=p.HeadingWithIcon;exports.Truncate=q.Truncate;exports.TextGroup=g.TextGroup;exports.Spinner=C.Spinner;exports.Tag=v.Tag;exports.StatusBadge=S.StatusBadge;exports.ClosingButton=T.ClosingButton;exports.Button=b.Button;exports.InfoButton=h.InfoButton;exports.FloatingButton=x.FloatingButton;exports.ButtonGroup=I.ButtonGroup;exports.Collapse=P.Collapse;exports.Alert=B.Alert;exports.sendNotification=k.sendNotification;exports.HashTrigger=m.HashTrigger;exports.Link=w.Link;exports.TextField=D.TextField;exports.TextArea=L.TextArea;exports.NumberField=f.NumberField;exports.Toggle=F.Toggle;exports.FeedbackText=G.FeedbackText;exports.Search=N.Search;exports.Radio=y.Radio;exports.FileUpload=A.FileUpload;exports.FileDropzone=M.FileDropzone;exports.Select=H.Select;exports.Checkbox=V.Checkbox;exports.Separator=z.Separator;exports.Print=R.Print;exports.StretchContent=U.StretchContent;exports.ScrollVisibility=W.ScrollVisibility;exports.ScrollFade=E.ScrollFade;exports.Affix=j.Affix;exports.Ellipsis=O.Ellipsis;exports.StyleProvider=J.StyleProvider;exports.AccessibilityContext=o.AccessibilityContext;exports.AccessibilityProvider=o.AccessibilityProvider;exports.useDeclareLoader=K.useDeclareLoader;exports.ThemeProvider=t.ThemeProvider;exports.useTheme=t.useTheme;exports.PrintingProvider=i.PrintingProvider;exports.usePrint=i.usePrint;exports.Card=Q.Card;exports.CardContent=X.CardContent;exports.CardHeader=Y.CardHeader;exports.CardNotification=Z.CardNotification;exports.ChoiceGroup=_.ChoiceGroup;exports.ChoiceGroupContext=$.ChoiceGroupContext;exports.ChoiceGroupItem=ee.ChoiceGroupItem;exports.Col=re.Col;exports.Dropdown=oe.Dropdown;exports.DropdownContent=te.DropdownContent;exports.DropdownContext=n.DropdownContext;exports.useDropdownContext=n.useDropdownContext;exports.DropdownItem=ie.DropdownItem;exports.DropdownTrigger=ne.DropdownTrigger;exports.LabelContext=s.LabelContext;exports.LabelProvider=s.LabelProvider;exports.List=se.List;exports.ListItem=ce.ListItem;exports.Popover=ue.Popover;exports.PopoverContent=ae.PopoverContent;exports.PopoverTrigger=le.PopoverTrigger;exports.Row=de.Row;exports.SideNav=pe.SideNav;exports.SideNavDropdown=qe.SideNavDropdown;exports.SideNavItem=ge.SideNavItem;exports.SideNavMobile=Ce.SideNavMobile;exports.SidenavToggle=ve.SidenavToggle;exports.Skeleton=Se.Skeleton;exports.SkeletonBlock=Te.SkeletonBlock;exports.ToastContainer=be.ToastContainer;exports.Tooltip=he.Tooltip;exports.TooltipContent=xe.TooltipContent;exports.TooltipTrigger=Ie.TooltipTrigger;exports.VerticalSpacing=Pe.VerticalSpacing;exports.VerticalSpacingItem=Be.VerticalSpacingItem;exports.breakpoints=e.breakpoints;exports.isBreakpointBelow=e.isBreakpointBelow;exports.useBreakpoint=e.default;exports.labelsMap=r.labelsMap;exports.validateLabelRecord=r.validateLabelRecord;exports.validateLabelValues=r.validateLabelValues;exports.useBreakpointProps=ke.useBreakpointProps;exports.useElementSize=me.useElementSize;exports.useFileUpload=we.useFileUpload;exports.useIsMounted=De.useIsMounted;exports.useIsTouchDevice=Le.useIsTouchDevice;exports.useLabels=fe.useLabels;exports.useScroll=Fe.useScroll;exports.useWhatInput=Ge.useWhatInput;
|
package/tedi.es.js
CHANGED
|
@@ -6,7 +6,7 @@ import { Section as a } from "./src/tedi/components/content/section/section.es.j
|
|
|
6
6
|
import { HeadingWithIcon as d } from "./src/tedi/components/content/heading-with-icon/heading-with-icon.es.js";
|
|
7
7
|
import { Truncate as u } from "./src/tedi/components/content/truncate/truncate.es.js";
|
|
8
8
|
import { TextGroup as C } from "./src/tedi/components/content/text-group/text-group.es.js";
|
|
9
|
-
import { Spinner as
|
|
9
|
+
import { Spinner as S } from "./src/tedi/components/loaders/spinner/spinner.es.js";
|
|
10
10
|
import { Tag as v } from "./src/tedi/components/tags/tag/tag.es.js";
|
|
11
11
|
import { StatusBadge as h } from "./src/tedi/components/tags/status-badge/status-badge.es.js";
|
|
12
12
|
import { ClosingButton as B } from "./src/tedi/components/buttons/closing-button/closing-button.es.js";
|
|
@@ -22,95 +22,96 @@ import { Link as W } from "./src/tedi/components/navigation/link/link.es.js";
|
|
|
22
22
|
import { TextField as q } from "./src/tedi/components/form/textfield/textfield.es.js";
|
|
23
23
|
import { TextArea as K } from "./src/tedi/components/form/textarea/textarea.es.js";
|
|
24
24
|
import { NumberField as Q } from "./src/tedi/components/form/number-field/number-field.es.js";
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
60
|
-
import {
|
|
61
|
-
import {
|
|
62
|
-
import {
|
|
63
|
-
import {
|
|
64
|
-
import {
|
|
65
|
-
import {
|
|
66
|
-
import {
|
|
67
|
-
import {
|
|
68
|
-
import {
|
|
69
|
-
import {
|
|
70
|
-
import {
|
|
71
|
-
import {
|
|
72
|
-
import {
|
|
73
|
-
import {
|
|
74
|
-
import {
|
|
75
|
-
import {
|
|
76
|
-
import {
|
|
77
|
-
import {
|
|
78
|
-
import {
|
|
79
|
-
import {
|
|
80
|
-
import {
|
|
81
|
-
import {
|
|
82
|
-
import {
|
|
83
|
-
import {
|
|
84
|
-
import {
|
|
85
|
-
import {
|
|
86
|
-
import {
|
|
25
|
+
import { Toggle as Y } from "./src/tedi/components/form/toggle/toggle.es.js";
|
|
26
|
+
import { FeedbackText as _ } from "./src/tedi/components/form/feedback-text/feedback-text.es.js";
|
|
27
|
+
import { Search as oo } from "./src/tedi/components/form/search/search.es.js";
|
|
28
|
+
import { Radio as eo } from "./src/tedi/components/form/radio/radio.es.js";
|
|
29
|
+
import { FileUpload as po } from "./src/tedi/components/form/file-upload/file-upload.es.js";
|
|
30
|
+
import { FileDropzone as mo } from "./src/tedi/components/form/file-dropzone/file-dropzone.es.js";
|
|
31
|
+
import { Select as io } from "./src/tedi/components/form/select/select.es.js";
|
|
32
|
+
import { Checkbox as ao } from "./src/tedi/components/form/checkbox/checkbox.es.js";
|
|
33
|
+
import { Separator as so } from "./src/tedi/components/misc/separator/separator.es.js";
|
|
34
|
+
import { Print as co } from "./src/tedi/components/misc/print/print.es.js";
|
|
35
|
+
import { StretchContent as go } from "./src/tedi/components/misc/stretch-content/stretch-content.es.js";
|
|
36
|
+
import { ScrollVisibility as To } from "./src/tedi/components/misc/scroll-visibility/scroll-visibility.es.js";
|
|
37
|
+
import { ScrollFade as bo } from "./src/tedi/components/misc/scroll-fade/scroll-fade.es.js";
|
|
38
|
+
import { Affix as Po } from "./src/tedi/components/misc/affix/affix.es.js";
|
|
39
|
+
import { Ellipsis as Io } from "./src/tedi/components/misc/ellipsis/ellipsis.es.js";
|
|
40
|
+
import { StyleProvider as Do } from "./src/tedi/providers/style-provider/style-provider.es.js";
|
|
41
|
+
import { AccessibilityContext as wo, AccessibilityProvider as Fo } from "./src/tedi/providers/accessibility-provider/accessibility-provider.es.js";
|
|
42
|
+
import { useDeclareLoader as Ao } from "./src/tedi/providers/accessibility-provider/use-declare-loader.es.js";
|
|
43
|
+
import { ThemeProvider as yo, useTheme as Ho } from "./src/tedi/providers/theme-provider/theme-provider.es.js";
|
|
44
|
+
import { PrintingProvider as Mo, usePrint as Ro } from "./src/tedi/providers/printing-provider/printing-provider.es.js";
|
|
45
|
+
import { Card as Eo } from "./src/tedi/components/cards/card/card.es.js";
|
|
46
|
+
import { CardContent as Wo } from "./src/tedi/components/cards/card/card-content/card-content.es.js";
|
|
47
|
+
import { CardHeader as qo } from "./src/tedi/components/cards/card/card-header/card-header.es.js";
|
|
48
|
+
import { CardNotification as Ko } from "./src/tedi/components/cards/card/card-notification/card-notification.es.js";
|
|
49
|
+
import { ChoiceGroup as Qo } from "./src/tedi/components/form/choice-group/choice-group.es.js";
|
|
50
|
+
import { ChoiceGroupContext as Yo } from "./src/tedi/components/form/choice-group/choice-group-context.es.js";
|
|
51
|
+
import { ChoiceGroupItem as _o } from "./src/tedi/components/form/choice-group/components/choice-group-item/choice-group-item.es.js";
|
|
52
|
+
import { Col as or } from "./src/tedi/components/layout/grid/col.es.js";
|
|
53
|
+
import { Dropdown as er } from "./src/tedi/components/overlays/dropdown/dropdown.es.js";
|
|
54
|
+
import { DropdownContent as pr } from "./src/tedi/components/overlays/dropdown/dropdown-content/dropdown-content.es.js";
|
|
55
|
+
import { DropdownContext as mr, useDropdownContext as fr } from "./src/tedi/components/overlays/dropdown/dropdown-context.es.js";
|
|
56
|
+
import { DropdownItem as nr } from "./src/tedi/components/overlays/dropdown/dropdown-item/dropdown-item.es.js";
|
|
57
|
+
import { DropdownTrigger as lr } from "./src/tedi/components/overlays/dropdown/dropdown-trigger/dropdown-trigger.es.js";
|
|
58
|
+
import { LabelContext as sr, LabelProvider as ur } from "./src/tedi/providers/label-provider/label-provider.es.js";
|
|
59
|
+
import { List as Cr } from "./src/tedi/components/content/list/list.es.js";
|
|
60
|
+
import { ListItem as Sr } from "./src/tedi/components/content/list/list-item.es.js";
|
|
61
|
+
import { Popover as vr } from "./src/tedi/components/overlays/popover/popover.es.js";
|
|
62
|
+
import { PopoverContent as hr } from "./src/tedi/components/overlays/popover/popover-content.es.js";
|
|
63
|
+
import { PopoverTrigger as Br } from "./src/tedi/components/overlays/popover/popover-trigger.es.js";
|
|
64
|
+
import { Row as kr } from "./src/tedi/components/layout/grid/row.es.js";
|
|
65
|
+
import { SideNav as Lr } from "./src/tedi/components/layout/sidenav/sidenav.es.js";
|
|
66
|
+
import { SideNavDropdown as Fr } from "./src/tedi/components/layout/sidenav/components/sidenav-dropdown/sidenav-dropdown.es.js";
|
|
67
|
+
import { SideNavItem as Ar } from "./src/tedi/components/layout/sidenav/components/sidenav-item/sidenav-item.es.js";
|
|
68
|
+
import { SideNavMobile as yr } from "./src/tedi/components/layout/sidenav/components/sidenav-mobile/sidenav-mobile.es.js";
|
|
69
|
+
import { SidenavToggle as Vr } from "./src/tedi/components/layout/sidenav/components/sidenav-toggle/sidenav-toggle.es.js";
|
|
70
|
+
import { Skeleton as Rr } from "./src/tedi/components/loaders/skeleton/skeleton.es.js";
|
|
71
|
+
import { SkeletonBlock as Er } from "./src/tedi/components/loaders/skeleton/skeleton-block/skeleton-block.es.js";
|
|
72
|
+
import { ToastContainer as Wr } from "./external/react-toastify/dist/index.es.js";
|
|
73
|
+
import { Tooltip as qr } from "./src/tedi/components/overlays/tooltip/tooltip.es.js";
|
|
74
|
+
import { TooltipContent as Kr } from "./src/tedi/components/overlays/tooltip/tooltip-content.es.js";
|
|
75
|
+
import { TooltipTrigger as Qr } from "./src/tedi/components/overlays/tooltip/tooltip-trigger.es.js";
|
|
76
|
+
import { VerticalSpacing as Yr } from "./src/tedi/components/layout/vertical-spacing/vertical-spacing.es.js";
|
|
77
|
+
import { VerticalSpacingItem as _r } from "./src/tedi/components/layout/vertical-spacing/vertical-spacing-item.es.js";
|
|
78
|
+
import { breakpoints as oe, isBreakpointBelow as re, default as ee } from "./src/tedi/helpers/hooks/use-breakpoint.es.js";
|
|
79
|
+
import { labelsMap as pe, validateLabelRecord as xe, validateLabelValues as me } from "./src/tedi/providers/label-provider/labels-map.es.js";
|
|
80
|
+
import { useBreakpointProps as ie } from "./src/tedi/helpers/hooks/use-breakpoint-props.es.js";
|
|
81
|
+
import { useElementSize as ae } from "./src/tedi/helpers/hooks/use-element-size.es.js";
|
|
82
|
+
import { useFileUpload as de } from "./src/tedi/helpers/hooks/use-file-upload.es.js";
|
|
83
|
+
import { useIsMounted as ue } from "./src/tedi/helpers/hooks/use-is-mounted.es.js";
|
|
84
|
+
import { useIsTouchDevice as Ce } from "./src/tedi/helpers/hooks/use-is-touch-device.es.js";
|
|
85
|
+
import { useLabels as Se } from "./src/tedi/providers/label-provider/use-labels.es.js";
|
|
86
|
+
import { useScroll as ve } from "./src/tedi/helpers/hooks/use-scroll.es.js";
|
|
87
|
+
import { useWhatInput as he } from "./src/tedi/helpers/hooks/use-what-input.es.js";
|
|
87
88
|
export {
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
89
|
+
wo as AccessibilityContext,
|
|
90
|
+
Fo as AccessibilityProvider,
|
|
91
|
+
Po as Affix,
|
|
91
92
|
V as Alert,
|
|
92
93
|
k as Button,
|
|
93
94
|
A as ButtonGroup,
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
95
|
+
Eo as Card,
|
|
96
|
+
Wo as CardContent,
|
|
97
|
+
qo as CardHeader,
|
|
98
|
+
Ko as CardNotification,
|
|
99
|
+
ao as Checkbox,
|
|
100
|
+
Qo as ChoiceGroup,
|
|
101
|
+
Yo as ChoiceGroupContext,
|
|
102
|
+
_o as ChoiceGroupItem,
|
|
102
103
|
B as ClosingButton,
|
|
103
|
-
|
|
104
|
+
or as Col,
|
|
104
105
|
y as Collapse,
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
106
|
+
er as Dropdown,
|
|
107
|
+
pr as DropdownContent,
|
|
108
|
+
mr as DropdownContext,
|
|
109
|
+
nr as DropdownItem,
|
|
110
|
+
lr as DropdownTrigger,
|
|
111
|
+
Io as Ellipsis,
|
|
112
|
+
_ as FeedbackText,
|
|
113
|
+
mo as FileDropzone,
|
|
114
|
+
po as FileUpload,
|
|
114
115
|
F as FloatingButton,
|
|
115
116
|
E as HashTrigger,
|
|
116
117
|
p as Heading,
|
|
@@ -118,66 +119,67 @@ export {
|
|
|
118
119
|
m as Icon,
|
|
119
120
|
L as InfoButton,
|
|
120
121
|
i as Label,
|
|
121
|
-
|
|
122
|
-
|
|
122
|
+
sr as LabelContext,
|
|
123
|
+
ur as LabelProvider,
|
|
123
124
|
W as Link,
|
|
124
|
-
|
|
125
|
-
|
|
125
|
+
Cr as List,
|
|
126
|
+
Sr as ListItem,
|
|
126
127
|
Q as NumberField,
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
128
|
+
vr as Popover,
|
|
129
|
+
hr as PopoverContent,
|
|
130
|
+
Br as PopoverTrigger,
|
|
131
|
+
co as Print,
|
|
132
|
+
Mo as PrintingProvider,
|
|
133
|
+
eo as Radio,
|
|
134
|
+
kr as Row,
|
|
135
|
+
bo as ScrollFade,
|
|
136
|
+
To as ScrollVisibility,
|
|
137
|
+
oo as Search,
|
|
137
138
|
a as Section,
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
139
|
+
io as Select,
|
|
140
|
+
so as Separator,
|
|
141
|
+
Lr as SideNav,
|
|
142
|
+
Fr as SideNavDropdown,
|
|
143
|
+
Ar as SideNavItem,
|
|
144
|
+
yr as SideNavMobile,
|
|
145
|
+
Vr as SidenavToggle,
|
|
146
|
+
Rr as Skeleton,
|
|
147
|
+
Er as SkeletonBlock,
|
|
148
|
+
S as Spinner,
|
|
148
149
|
h as StatusBadge,
|
|
149
|
-
|
|
150
|
-
|
|
150
|
+
go as StretchContent,
|
|
151
|
+
Do as StyleProvider,
|
|
151
152
|
v as Tag,
|
|
152
153
|
e as Text,
|
|
153
154
|
K as TextArea,
|
|
154
155
|
q as TextField,
|
|
155
156
|
C as TextGroup,
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
qr as
|
|
160
|
-
Kr as
|
|
157
|
+
yo as ThemeProvider,
|
|
158
|
+
Wr as ToastContainer,
|
|
159
|
+
Y as Toggle,
|
|
160
|
+
qr as Tooltip,
|
|
161
|
+
Kr as TooltipContent,
|
|
162
|
+
Qr as TooltipTrigger,
|
|
161
163
|
u as Truncate,
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
164
|
+
Yr as VerticalSpacing,
|
|
165
|
+
_r as VerticalSpacingItem,
|
|
166
|
+
oe as breakpoints,
|
|
167
|
+
re as isBreakpointBelow,
|
|
168
|
+
pe as labelsMap,
|
|
167
169
|
R as sendNotification,
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
170
|
+
ee as useBreakpoint,
|
|
171
|
+
ie as useBreakpointProps,
|
|
172
|
+
Ao as useDeclareLoader,
|
|
173
|
+
fr as useDropdownContext,
|
|
174
|
+
ae as useElementSize,
|
|
175
|
+
de as useFileUpload,
|
|
176
|
+
ue as useIsMounted,
|
|
177
|
+
Ce as useIsTouchDevice,
|
|
178
|
+
Se as useLabels,
|
|
179
|
+
Ro as usePrint,
|
|
180
|
+
ve as useScroll,
|
|
181
|
+
Ho as useTheme,
|
|
182
|
+
he as useWhatInput,
|
|
183
|
+
xe as validateLabelRecord,
|
|
184
|
+
me as validateLabelValues
|
|
183
185
|
};
|