@luscii-healthtech/web-ui 58.18.0 → 58.19.0
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/esm/components/Input/StyledInput.js +2 -4
- package/dist/esm/components/Input/StyledInput.js.map +1 -1
- package/dist/esm/components/Select/StyledSelect.js +2 -4
- package/dist/esm/components/Select/StyledSelect.js.map +1 -1
- package/dist/esm/utils/responsiveness.utils.js +14 -1
- package/dist/esm/utils/responsiveness.utils.js.map +1 -1
- package/dist/index.development.js +15 -6
- package/dist/index.development.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/src/components/Input/StyledInput.d.ts +14 -0
- package/dist/src/components/Select/StyledSelect.d.ts +14 -0
- package/dist/src/generated/components/Input/StyledInput.d.ts +14 -0
- package/dist/src/generated/components/Select/StyledSelect.d.ts +14 -0
- package/dist/src/generated/utils/responsiveness.utils.d.ts +18 -0
- package/dist/src/utils/responsiveness.utils.d.ts +18 -0
- package/dist/stories/Input.stories.d.ts +14 -0
- package/dist/stories/StyledSelect.stories.d.ts +5 -0
- package/dist/web-ui-tailwind.css +40 -0
- package/package.json +1 -1
|
@@ -2,7 +2,7 @@ import { __rest } from '../../vendor/tslib/tslib.es6.js';
|
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import classNames from 'classnames';
|
|
5
|
-
import { calculateResponsiveWidthClasses } from '../../utils/responsiveness.utils.js';
|
|
5
|
+
import { calculateResponsiveWidthClasses, calculateResponsiveGrowClasses } from '../../utils/responsiveness.utils.js';
|
|
6
6
|
import { FlexRow } from '../Container/FlexRow.js';
|
|
7
7
|
import { IconComponentOrKey } from '../Icon/Icon.js';
|
|
8
8
|
import CrossIcon from '../Icons/CrossIcon.js';
|
|
@@ -25,9 +25,7 @@ const StyledInput = React__default.forwardRef((_a, ref) => {
|
|
|
25
25
|
"ui:order-1": hasSuffix,
|
|
26
26
|
"ui:rounded-l ui:border-l": hasPrefix,
|
|
27
27
|
"ui:rounded-r ui:border-r": hasSuffix
|
|
28
|
-
}, "ui:flex ui:flex-col ui:items-center", "ui:text-sm", "ui:text-slate-500", "ui:bg-main-background"), children: suffix || prefix }), jsxs("div", { className: classNames("ui:relative", {
|
|
29
|
-
"ui:flex ui:grow": width === "full"
|
|
30
|
-
}), children: [icon && jsx("div", { className: classNames("ui:absolute ui:left-4 ui:top-1/2", {
|
|
28
|
+
}, "ui:flex ui:flex-col ui:items-center", "ui:text-sm", "ui:text-slate-500", "ui:bg-main-background"), children: suffix || prefix }), jsxs("div", { className: classNames("ui:relative", calculateResponsiveGrowClasses(width)), children: [icon && jsx("div", { className: classNames("ui:absolute ui:left-4 ui:top-1/2", {
|
|
31
29
|
"ui:grow": width === "full"
|
|
32
30
|
}), style: {
|
|
33
31
|
transform: "translateY(-50%)",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledInput.js","sources":["../../../../../../src/components/Input/StyledInput.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;;
|
|
1
|
+
{"version":3,"file":"StyledInput.js","sources":["../../../../../../src/components/Input/StyledInput.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import { __rest } from '../../vendor/tslib/tslib.es6.js';
|
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import React__default from 'react';
|
|
4
4
|
import classNames from 'classnames';
|
|
5
|
-
import { calculateResponsiveWidthClasses } from '../../utils/responsiveness.utils.js';
|
|
5
|
+
import { calculateResponsiveWidthClasses, calculateResponsiveGrowClasses } from '../../utils/responsiveness.utils.js';
|
|
6
6
|
import './StyledSelect.scss.js';
|
|
7
7
|
import { FlexRow } from '../Container/FlexRow.js';
|
|
8
8
|
import 'dompurify';
|
|
@@ -28,9 +28,7 @@ const StyledSelect = React__default.forwardRef((_a, ref) => {
|
|
|
28
28
|
"ui:order-1": hasSuffix,
|
|
29
29
|
"ui:rounded-l ui:border-l": hasPrefix,
|
|
30
30
|
"ui:rounded-r ui:border-r": hasSuffix
|
|
31
|
-
}, "ui:flex ui:flex-col ui:items-center ui:p-3", "ui:text-sm", "ui:text-slate-500", "ui:bg-main-background"), children: suffix || prefix }), jsxs("div", { className: classNames("ui:relative", {
|
|
32
|
-
"ui:flex ui:grow": width === "full"
|
|
33
|
-
}), children: [jsx("select", Object.assign({ ref, className: classNames("styled-select", "ui:block ui:min-w-[4rem]", calculateResponsiveWidthClasses(width), {
|
|
31
|
+
}, "ui:flex ui:flex-col ui:items-center ui:p-3", "ui:text-sm", "ui:text-slate-500", "ui:bg-main-background"), children: suffix || prefix }), jsxs("div", { className: classNames("ui:relative", calculateResponsiveGrowClasses(width)), children: [jsx("select", Object.assign({ ref, className: classNames("styled-select", "ui:block ui:min-w-[4rem]", calculateResponsiveWidthClasses(width), {
|
|
34
32
|
"ui:bg-slate-50 ui:text-slate-400": attributes.disabled,
|
|
35
33
|
"ui:text-slate-800": !attributes.disabled,
|
|
36
34
|
"ui:border-input-border": !attributes.disabled && !isError,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StyledSelect.js","sources":["../../../../../../src/components/Select/StyledSelect.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"StyledSelect.js","sources":["../../../../../../src/components/Select/StyledSelect.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":";;;;;;;;;;;AAiEO,MAAM,YAAA,GAAeA,cAAA,CAAM,UAAA,CAChC,CACE,IAUA,GAAA,KACE;MAXF,EACE,UACA,MAAA,EACA,MAAA,EACA,WACA,KAAA,GAAQ,MAAA,EACR,MAAA,GAAS,IAAA,EACT,OAAA,SACG,UAAA,GAAU,MAAA,CAAA,EAAA,EARf,CAAA,UAAA,EAAA,QAAA,EAAA,UAAA,WAAA,EAAA,OAAA,EAAA,QAAA,EAAA,SAAA,CASC,CAAA;AAGD,EAAA,MAAM,SAAA,GAAY,CAAC,CAAC,MAAA;AACpB,EAAA,MAAM,SAAA,GAAY,CAAC,CAAC,MAAA;AACpB,EAAA,MAAM,iBAAA,GAAoB,CAAC,SAAA,IAAa,CAAC,SAAA;AAEzC,EAAA,MAAM,aAAA,GAAgB;AAAA,IACpB,EAAA,EAAI,cAAA;AAAA,IACJ,EAAA,EAAI;AAAA;AAGN,EAAA,MAAM,cAAA,GAAiB;AAAA,IACrB,EAAA,EAAI,uBAAA;AAAA;AAAA,IACJ,EAAA,EAAI;AAAA;AAGN,EAAA,OACEC,KAAC,OAAA,EAAO,EACN,SAAQ,MAAA,EAAM,cAAA,EACD,6BACb,OAAA,EAAS,KAAA,EAAK,UAAA,CAEdC,GAAA,CAAA,QAAA,EACE,SAAA,EAAW,WACT,aAAA,CAAc,MAAM,GACpB,gEAAA,EACA;AAAA,IACE,WAAA,EAAa,iBAAA;AAAA,IACb,YAAA,EAAc,SAAA;AAAA,IACd,0BAAA,EAA4B,SAAA;AAAA,IAC5B,0BAAA,EAA4B;AAAA,KAG9B,4CAAA,EACA,YAAA,EACA,mBAAA,EACA,uBAAuB,CAAA,EACxB,QAAA,EAEA,MAAA,IAAU,MAAA,EAAM,CAAA,EAGnBD,IAAA,CAAA,KAAA,EAAA,EACE,WAAW,UAAA,CACT,aAAA,EACA,8BAAA,CAA+B,KAAK,CAAC,CAAA,EACtC,QAAA,EAAA,CAEDC,GAAA,CAAA,UAAA,MAAA,CAAA,MAAA,CAAA,EACE,GAAA,EACA,WAAW,UAAA,CACT,eAAA,EACA,0BAAA,EACA,+BAAA,CAAgC,KAAK,CAAA,EACrC;AAAA,IACE,oCAAoC,UAAA,CAAW,QAAA;AAAA,IAC/C,mBAAA,EAAqB,CAAC,UAAA,CAAW,QAAA;AAAA,IACjC,wBAAA,EAA0B,CAAC,UAAA,CAAW,QAAA,IAAY,CAAC,OAAA;AAAA,IACnD,mCAAA,EAAqC,CAAC,UAAA,CAAW,QAAA;AAAA,IACjD,mBAAA,EAAqB,OAAA;AAAA,IACrB,2BAAA,EAA6B,OAAA;AAAA,IAC7B,2BAA2B,CAAC,OAAA;AAAA,IAC5B,4BAA4B,CAAC,OAAA;AAAA,IAC7B,aAAA,EAAe,CAAC,UAAA,CAAW;AAAA,KAE7B,aAAA,CAAc,MAAM,CAAA,EACpB,cAAA,CAAe,MAAM,CAAA,EACrB,WAAA,EACA,4BAAA,EACA,0BAAA,EACA,iBAAA,EACA,sBAAA,EACA,iBAAA,EACA;AAAA,IACE,YAAA,EAAc,iBAAA;AAAA,IACd,cAAA,EAAgB,SAAA;AAAA,IAChB,cAAA,EAAgB,SAAA;AAAA,IAChB,YAAA,EAAc,SAAA;AAAA,IACd,YAAA,EAAc;AAAA,KAEhB,mBAAA,EACA,SAAS,CAAA,EACV,EACG,YAAU,EAAA,QAAA,EAEL,CAAA,GAEXA,GAAA,UACE,SAAA,EAAU,oEACV,KAAA,EAAO;AAAA,IACL,SAAA,EAAW;AAAA,KACZ,QAAA,EAEDA,GAAA,CAAC,eAAA,EAAe,EACd,WAAW,UAAA,CAAW,yCAAyC,CAAA,EAAC,GAChE,CACE,GAAA,CACF,GAAA,CAAA;AAGZ,CAAC;;"}
|
|
@@ -24,6 +24,19 @@ const calculateResponsiveWidthClasses = (size) => {
|
|
|
24
24
|
extraLargeSize ? `ui:xl:${sizesMapped[extraLargeSize]}` : ""
|
|
25
25
|
].filter(Boolean);
|
|
26
26
|
};
|
|
27
|
+
const breakpointPrefixes = ["", "sm:", "md:", "lg:", "xl:"];
|
|
28
|
+
const calculateResponsiveGrowClasses = (size) => {
|
|
29
|
+
if (typeof size === "string") {
|
|
30
|
+
return { "ui:fill-container": size === "full" };
|
|
31
|
+
}
|
|
32
|
+
return size.map((breakpointSize, index) => {
|
|
33
|
+
if (!breakpointSize) {
|
|
34
|
+
return "";
|
|
35
|
+
}
|
|
36
|
+
const suffix = breakpointSize === "full" ? "" : "-none";
|
|
37
|
+
return `ui:${breakpointPrefixes[index]}fill-container${suffix}`;
|
|
38
|
+
}).filter(Boolean);
|
|
39
|
+
};
|
|
27
40
|
|
|
28
|
-
export { calculateResponsiveWidthClasses };
|
|
41
|
+
export { calculateResponsiveGrowClasses, calculateResponsiveWidthClasses };
|
|
29
42
|
//# sourceMappingURL=responsiveness.utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"responsiveness.utils.js","sources":["../../../../../src/utils/responsiveness.utils.ts"],"sourcesContent":[null],"names":[],"mappings":"AAwBO,MAAM,+BAAA,GAAkC,CAC7C,IAAA,KACE;AACF,EAAA,IAAI,OAAO,SAAS,QAAA,EAAU;AAC5B,IAAA,OAAO;AAAA,MACL,WAAW,IAAA,KAAS,IAAA;AAAA,MACpB,WAAW,IAAA,KAAS,IAAA;AAAA,MACpB,WAAW,IAAA,KAAS,IAAA;AAAA,MACpB,WAAW,IAAA,KAAS,IAAA;AAAA,MACpB,aAAa,IAAA,KAAS;AAAA;EAE1B;AAEA,EAAA,MAAM,WAAA,GAA6C;AAAA,IACjD,EAAA,EAAI,MAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,IAAA,EAAM;AAAA;AAGR,EAAA,MAAM,CAAC,WAAA,EAAa,SAAA,EAAW,UAAA,EAAY,SAAA,EAAW,cAAc,CAAA,GAAI,IAAA;AAExE,EAAA,OAAO;AAAA,IACL,CAAA,GAAA,EAAM,WAAA,CAAY,WAAW,CAAC,CAAA,CAAA;AAAA,IAC9B,SAAA,GAAY,CAAA,MAAA,EAAS,WAAA,CAAY,SAAS,CAAC,CAAA,CAAA,GAAK,EAAA;AAAA,IAChD,UAAA,GAAa,CAAA,MAAA,EAAS,WAAA,CAAY,UAAU,CAAC,CAAA,CAAA,GAAK,EAAA;AAAA,IAClD,SAAA,GAAY,CAAA,MAAA,EAAS,WAAA,CAAY,SAAS,CAAC,CAAA,CAAA,GAAK,EAAA;AAAA,IAChD,cAAA,GAAiB,CAAA,MAAA,EAAS,WAAA,CAAY,cAAc,CAAC,CAAA,CAAA,GAAK;AAAA,GAC3D,CAAC,OAAO,OAAO,CAAA;AAClB;;"}
|
|
1
|
+
{"version":3,"file":"responsiveness.utils.js","sources":["../../../../../src/utils/responsiveness.utils.ts"],"sourcesContent":[null],"names":[],"mappings":"AAwBO,MAAM,+BAAA,GAAkC,CAC7C,IAAA,KACE;AACF,EAAA,IAAI,OAAO,SAAS,QAAA,EAAU;AAC5B,IAAA,OAAO;AAAA,MACL,WAAW,IAAA,KAAS,IAAA;AAAA,MACpB,WAAW,IAAA,KAAS,IAAA;AAAA,MACpB,WAAW,IAAA,KAAS,IAAA;AAAA,MACpB,WAAW,IAAA,KAAS,IAAA;AAAA,MACpB,aAAa,IAAA,KAAS;AAAA;EAE1B;AAEA,EAAA,MAAM,WAAA,GAA6C;AAAA,IACjD,EAAA,EAAI,MAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,EAAA,EAAI,MAAA;AAAA,IACJ,IAAA,EAAM;AAAA;AAGR,EAAA,MAAM,CAAC,WAAA,EAAa,SAAA,EAAW,UAAA,EAAY,SAAA,EAAW,cAAc,CAAA,GAAI,IAAA;AAExE,EAAA,OAAO;AAAA,IACL,CAAA,GAAA,EAAM,WAAA,CAAY,WAAW,CAAC,CAAA,CAAA;AAAA,IAC9B,SAAA,GAAY,CAAA,MAAA,EAAS,WAAA,CAAY,SAAS,CAAC,CAAA,CAAA,GAAK,EAAA;AAAA,IAChD,UAAA,GAAa,CAAA,MAAA,EAAS,WAAA,CAAY,UAAU,CAAC,CAAA,CAAA,GAAK,EAAA;AAAA,IAClD,SAAA,GAAY,CAAA,MAAA,EAAS,WAAA,CAAY,SAAS,CAAC,CAAA,CAAA,GAAK,EAAA;AAAA,IAChD,cAAA,GAAiB,CAAA,MAAA,EAAS,WAAA,CAAY,cAAc,CAAC,CAAA,CAAA,GAAK;AAAA,GAC3D,CAAC,OAAO,OAAO,CAAA;AAClB;AAEA,MAAM,qBAAqB,CAAC,EAAA,EAAI,KAAA,EAAO,KAAA,EAAO,OAAO,KAAK,CAAA;AAiBnD,MAAM,8BAAA,GAAiC,CAC5C,IAAA,KACE;AACF,EAAA,IAAI,OAAO,SAAS,QAAA,EAAU;AAC5B,IAAA,OAAO,EAAE,mBAAA,EAAqB,IAAA,KAAS,MAAA;EACzC;AAEA,EAAA,OAAO,IAAA,CACJ,GAAA,CAAI,CAAC,cAAA,EAAgB,KAAA,KAAS;AAC7B,IAAA,IAAI,CAAC,cAAA,EAAgB;AACnB,MAAA,OAAO,EAAA;AAAA,IACT;AACA,IAAA,MAAM,MAAA,GAAS,cAAA,KAAmB,MAAA,GAAS,EAAA,GAAK,OAAA;AAChD,IAAA,OAAO,CAAA,GAAA,EAAM,kBAAA,CAAmB,KAAK,CAAC,iBAAiB,MAAM,CAAA,CAAA;AAAA,EAC/D,CAAC,CAAA,CACA,MAAA,CAAO,OAAO,CAAA;AACnB;;"}
|
|
@@ -1820,6 +1820,19 @@ const calculateResponsiveWidthClasses = (size) => {
|
|
|
1820
1820
|
extraLargeSize ? `ui:xl:${sizesMapped[extraLargeSize]}` : ""
|
|
1821
1821
|
].filter(Boolean);
|
|
1822
1822
|
};
|
|
1823
|
+
const breakpointPrefixes = ["", "sm:", "md:", "lg:", "xl:"];
|
|
1824
|
+
const calculateResponsiveGrowClasses = (size) => {
|
|
1825
|
+
if (typeof size === "string") {
|
|
1826
|
+
return { "ui:fill-container": size === "full" };
|
|
1827
|
+
}
|
|
1828
|
+
return size.map((breakpointSize, index) => {
|
|
1829
|
+
if (!breakpointSize) {
|
|
1830
|
+
return "";
|
|
1831
|
+
}
|
|
1832
|
+
const suffix = breakpointSize === "full" ? "" : "-none";
|
|
1833
|
+
return `ui:${breakpointPrefixes[index]}fill-container${suffix}`;
|
|
1834
|
+
}).filter(Boolean);
|
|
1835
|
+
};
|
|
1823
1836
|
|
|
1824
1837
|
const StyledInput = React__namespace.default.forwardRef((_a, ref) => {
|
|
1825
1838
|
var { suffix, prefix, className, width = "full", height = "lg", icon, isError, isClearIconVisible, onClickClearField } = _a, attributes = __rest(_a, ["suffix", "prefix", "className", "width", "height", "icon", "isError", "isClearIconVisible", "onClickClearField"]);
|
|
@@ -1839,9 +1852,7 @@ const StyledInput = React__namespace.default.forwardRef((_a, ref) => {
|
|
|
1839
1852
|
"ui:order-1": hasSuffix,
|
|
1840
1853
|
"ui:rounded-l ui:border-l": hasPrefix,
|
|
1841
1854
|
"ui:rounded-r ui:border-r": hasSuffix
|
|
1842
|
-
}, "ui:flex ui:flex-col ui:items-center", "ui:text-sm", "ui:text-slate-500", "ui:bg-main-background"), children: suffix || prefix }), jsxRuntime.jsxs("div", { className: classNames__default.default("ui:relative", {
|
|
1843
|
-
"ui:flex ui:grow": width === "full"
|
|
1844
|
-
}), children: [icon && jsxRuntime.jsx("div", { className: classNames__default.default("ui:absolute ui:left-4 ui:top-1/2", {
|
|
1855
|
+
}, "ui:flex ui:flex-col ui:items-center", "ui:text-sm", "ui:text-slate-500", "ui:bg-main-background"), children: suffix || prefix }), jsxRuntime.jsxs("div", { className: classNames__default.default("ui:relative", calculateResponsiveGrowClasses(width)), children: [icon && jsxRuntime.jsx("div", { className: classNames__default.default("ui:absolute ui:left-4 ui:top-1/2", {
|
|
1845
1856
|
"ui:grow": width === "full"
|
|
1846
1857
|
}), style: {
|
|
1847
1858
|
transform: "translateY(-50%)",
|
|
@@ -3841,9 +3852,7 @@ const StyledSelect = React__namespace.default.forwardRef((_a, ref) => {
|
|
|
3841
3852
|
"ui:order-1": hasSuffix,
|
|
3842
3853
|
"ui:rounded-l ui:border-l": hasPrefix,
|
|
3843
3854
|
"ui:rounded-r ui:border-r": hasSuffix
|
|
3844
|
-
}, "ui:flex ui:flex-col ui:items-center ui:p-3", "ui:text-sm", "ui:text-slate-500", "ui:bg-main-background"), children: suffix || prefix }), jsxRuntime.jsxs("div", { className: classNames__default.default("ui:relative", {
|
|
3845
|
-
"ui:flex ui:grow": width === "full"
|
|
3846
|
-
}), children: [jsxRuntime.jsx("select", Object.assign({ ref, className: classNames__default.default("styled-select", "ui:block ui:min-w-[4rem]", calculateResponsiveWidthClasses(width), {
|
|
3855
|
+
}, "ui:flex ui:flex-col ui:items-center ui:p-3", "ui:text-sm", "ui:text-slate-500", "ui:bg-main-background"), children: suffix || prefix }), jsxRuntime.jsxs("div", { className: classNames__default.default("ui:relative", calculateResponsiveGrowClasses(width)), children: [jsxRuntime.jsx("select", Object.assign({ ref, className: classNames__default.default("styled-select", "ui:block ui:min-w-[4rem]", calculateResponsiveWidthClasses(width), {
|
|
3847
3856
|
"ui:bg-slate-50 ui:text-slate-400": attributes.disabled,
|
|
3848
3857
|
"ui:text-slate-800": !attributes.disabled,
|
|
3849
3858
|
"ui:border-input-border": !attributes.disabled && !isError,
|