react-restyle-components 0.2.44 → 0.2.46
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/lib/package.json +1 -1
- package/lib/src/core-components/atoms/form/form.component.d.ts +0 -2
- package/lib/src/core-components/atoms/form/form.component.d.ts.map +1 -1
- package/lib/src/core-components/atoms/form/form.component.js +7 -25
- package/lib/src/core-components/atoms/icons/icons.component.d.ts +0 -1
- package/lib/src/core-components/atoms/icons/icons.component.d.ts.map +1 -1
- package/lib/src/core-components/atoms/icons/icons.component.js +0 -1
- package/lib/src/core-components/atoms/input/input-otp.component.d.ts +0 -1
- package/lib/src/core-components/atoms/input/input-otp.component.d.ts.map +1 -1
- package/lib/src/core-components/atoms/input/input-otp.component.js +0 -1
- package/lib/src/core-components/atoms/input/input-pin.component.d.ts +0 -1
- package/lib/src/core-components/atoms/input/input-pin.component.d.ts.map +1 -1
- package/lib/src/core-components/atoms/input/input-pin.component.js +4 -3
- package/lib/src/core-components/atoms/input-dropdown/input-dropdown.component.d.ts +0 -1
- package/lib/src/core-components/atoms/input-dropdown/input-dropdown.component.d.ts.map +1 -1
- package/lib/src/core-components/atoms/input-dropdown/input-dropdown.component.js +0 -1
- package/lib/src/core-components/atoms/list/list.component.d.ts +0 -1
- package/lib/src/core-components/atoms/list/list.component.d.ts.map +1 -1
- package/lib/src/core-components/atoms/list/list.component.js +3 -2
- package/lib/src/core-components/atoms/loader/loader.component.d.ts +0 -1
- package/lib/src/core-components/atoms/loader/loader.component.d.ts.map +1 -1
- package/lib/src/core-components/atoms/loader/loader.component.js +5 -4
- package/lib/src/core-components/atoms/radio/radio.component.d.ts +0 -1
- package/lib/src/core-components/atoms/radio/radio.component.d.ts.map +1 -1
- package/lib/src/core-components/atoms/radio/radio.component.js +4 -3
- package/lib/src/core-components/atoms/stepper/stepper.component.d.ts.map +1 -1
- package/lib/src/core-components/atoms/stepper/stepper.component.js +13 -13
- package/lib/src/core-components/atoms/tabs/tabs.component.d.ts +2 -1
- package/lib/src/core-components/atoms/tabs/tabs.component.d.ts.map +1 -1
- package/lib/src/core-components/atoms/tabs/tabs.component.js +2 -1
- package/lib/src/core-components/atoms/timer/timer.component.d.ts +0 -1
- package/lib/src/core-components/atoms/timer/timer.component.d.ts.map +1 -1
- package/lib/src/core-components/atoms/timer/timer.component.js +3 -2
- package/lib/src/core-components/index.d.ts +1 -0
- package/lib/src/core-components/index.d.ts.map +1 -1
- package/lib/src/core-components/index.js +1 -0
- package/lib/src/core-components/molecules/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component.d.ts +0 -1
- package/lib/src/core-components/molecules/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component.d.ts.map +1 -1
- package/lib/src/core-components/molecules/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component.js +5 -4
- package/lib/src/core-components/molecules/auto-complete-filter-single-select/auto-complete-filter-single-select.component.d.ts +13 -0
- package/lib/src/core-components/molecules/auto-complete-filter-single-select/auto-complete-filter-single-select.component.d.ts.map +1 -0
- package/lib/src/core-components/molecules/auto-complete-filter-single-select/auto-complete-filter-single-select.component.js +54 -0
- package/lib/src/core-components/molecules/auto-complete-group-by/auto-complete-group-by.component.d.ts +0 -1
- package/lib/src/core-components/molecules/auto-complete-group-by/auto-complete-group-by.component.d.ts.map +1 -1
- package/lib/src/core-components/molecules/auto-complete-group-by/auto-complete-group-by.component.js +0 -2
- package/lib/src/core-utils/utility.util.d.ts +1 -0
- package/lib/src/core-utils/utility.util.d.ts.map +1 -1
- package/lib/src/core-utils/utility.util.js +4 -0
- package/package.json +1 -1
package/lib/package.json
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import '../../../tc.module.css';
|
|
3
2
|
interface LabelProps {
|
|
4
3
|
htmlFor: string;
|
|
5
4
|
hasError?: boolean;
|
|
@@ -96,6 +95,5 @@ interface ToggleProps extends InputWrapperProps {
|
|
|
96
95
|
style?: any;
|
|
97
96
|
}
|
|
98
97
|
export declare const Toggle: (props: ToggleProps) => import("react/jsx-runtime").JSX.Element;
|
|
99
|
-
export declare const DeliveryScheduleToggle: (props: ToggleProps) => import("react/jsx-runtime").JSX.Element;
|
|
100
98
|
export {};
|
|
101
99
|
//# sourceMappingURL=form.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"form.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/form/form.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAKtD,
|
|
1
|
+
{"version":3,"file":"form.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/form/form.component.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,6 @@ import React, { useState, useEffect } from 'react';
|
|
|
3
3
|
import classNames from 'classnames';
|
|
4
4
|
import s from '../../../tc.module.css';
|
|
5
5
|
import { cn } from '../../../core-utils';
|
|
6
|
-
import '../../../tc.module.css';
|
|
7
6
|
export const Label = (props) => (_jsx(_Fragment, { children: _jsx("label", { htmlFor: props.htmlFor, className: cn(s['block'], s['text-3xs'], s['font-medium'], s['mb-1'], {
|
|
8
7
|
[s['text-red-400']]: props.hasError,
|
|
9
8
|
[s['text-current']]: !props.hasError,
|
|
@@ -113,28 +112,11 @@ export const Toggle = (props) => {
|
|
|
113
112
|
'wrg-toggle--checked': toggle,
|
|
114
113
|
'wrg-toggle--disabled': disabled,
|
|
115
114
|
}, className);
|
|
116
|
-
return (_jsx(InputWrapper, { label: props.label, id: props.id, style: props.style, children: _jsxs("div", { onClick: triggerToggle, className: toggleClasses, children: [_jsx("div", { className: 'wrg-toggle-container
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
setToggle(props.value);
|
|
124
|
-
}, [props.value]);
|
|
125
|
-
const triggerToggle = () => {
|
|
126
|
-
if (disabled) {
|
|
127
|
-
return;
|
|
128
|
-
}
|
|
129
|
-
setToggle(!toggle);
|
|
130
|
-
if (typeof onChange === 'function') {
|
|
131
|
-
onChange(!toggle);
|
|
132
|
-
}
|
|
133
|
-
};
|
|
134
|
-
const toggleClasses = classNames('wrg-toggle1 ', {
|
|
135
|
-
'wrg-toggle--checked1': toggle,
|
|
136
|
-
'wrg-toggle--disabled1': disabled,
|
|
137
|
-
}, className);
|
|
138
|
-
return (_jsx(InputWrapper, { label: props.label, id: props.id, style: props.style, children: _jsxs("div", { onClick: triggerToggle, className: toggleClasses, children: [_jsx("div", { className: 'wrg-toggle-container1 ' +
|
|
139
|
-
(toggle ? 'bg-green-700' : 'bg-black dark:bg-white'), children: isToggleLabel && (_jsxs(_Fragment, { children: [_jsx("div", { className: "wrg-toggle-check1", children: _jsx("span", { className: "text-white ml-1", children: "Departments" }) }), _jsx("div", { className: "wrg-toggle-uncheck1", children: _jsx("span", { className: "dark:text-black", children: "Patients" }) })] })) }), _jsx("div", { className: `wrg-toggle-circle1 dark:bg-black ${toggle ? 'ml-1' : 'mr-1'} ` }), _jsx("input", { type: "checkbox", "aria-label": "Toggle Button", className: "wrg-toggle-input1" })] }) }));
|
|
115
|
+
return (_jsx(InputWrapper, { label: props.label, id: props.id, style: props.style, children: _jsxs("div", { onClick: triggerToggle, className: toggleClasses, children: [_jsx("div", { className: cn(s['wrg-toggle-container'], {
|
|
116
|
+
'bg-green-700': toggle,
|
|
117
|
+
'bg-black dark:bg-white': !toggle,
|
|
118
|
+
}), children: isToggleLabel && (_jsxs(_Fragment, { children: [_jsx("div", { className: cn(s['wrg-toggle-check']), children: _jsx("span", { className: cn(s['text-white'], s['ml-1']), children: "Yes" }) }), _jsx("div", { className: cn(s['wrg-toggle-uncheck']), children: _jsx("span", { className: cn(s['dark:text-black']), children: "No" }) })] })) }), _jsx("div", { className: cn(s['wrg-toggle-circle'], s['dark:bg-black'], {
|
|
119
|
+
'ml-1': toggle,
|
|
120
|
+
'mr-1': !toggle,
|
|
121
|
+
}) }), _jsx("input", { type: "checkbox", "aria-label": "Toggle Button", className: cn(s['wrg-toggle-input']) })] }) }));
|
|
140
122
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/icons/icons.component.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAI9C,
|
|
1
|
+
{"version":3,"file":"icons.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/icons/icons.component.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAI9C,UAAU,SAAS;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAGD,eAAO,MAAM,IAAI,0DAMd,SAAS,KAAG,WA4Cd,CAAC"}
|
|
@@ -5,7 +5,6 @@ import { Tooltip } from '../tooltip/tooltip.component';
|
|
|
5
5
|
import loadable from '@loadable/component';
|
|
6
6
|
import s from '../../../tc.module.css';
|
|
7
7
|
import { cn } from '../../../core-utils';
|
|
8
|
-
import '../../../tc.module.css';
|
|
9
8
|
let lib = 'md';
|
|
10
9
|
export const Icon = ({ nameIcon, propsIcon, tooltip = '', isDisable = false, onClick, }) => {
|
|
11
10
|
try {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-otp.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/input/input-otp.component.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAI/C,
|
|
1
|
+
{"version":3,"file":"input-otp.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/input/input-otp.component.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAI/C,UAAU,iBAAiB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,GAAG,CAAC;IACX,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAE/B,YAAY,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACrE;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAkHhD,CAAC"}
|
|
@@ -3,7 +3,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
3
3
|
import { useEffect, useRef } from 'react';
|
|
4
4
|
import s from '../../../tc.module.css';
|
|
5
5
|
import { cn } from '../../../core-utils';
|
|
6
|
-
import '../../../tc.module.css';
|
|
7
6
|
export const InputOtp = ({ className, pin, onPinChanged, }) => {
|
|
8
7
|
const pinLength = 6;
|
|
9
8
|
const Pin_Min_Value = 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-pin.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/input/input-pin.component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAC9C,OAAO,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"input-pin.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/input/input-pin.component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyB,MAAM,OAAO,CAAC;AAC9C,OAAO,oBAAoB,CAAC;AAI5B,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACtC,YAAY,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAClD;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA0KhD,CAAC"}
|
|
@@ -2,7 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
/* eslint-disable */
|
|
3
3
|
import { useRef, useState } from 'react';
|
|
4
4
|
import './input.styles.css';
|
|
5
|
-
import '../../../tc.module.css';
|
|
5
|
+
import s from '../../../tc.module.css';
|
|
6
|
+
import { cn } from '../../../core-utils';
|
|
6
7
|
export const InputPin = ({ title, className, defaultPin, errorMsg, defaultMsg, hasError, onPinChanged, }) => {
|
|
7
8
|
const pin = useRef([]);
|
|
8
9
|
const [reload, setReload] = useState(false);
|
|
@@ -59,7 +60,7 @@ export const InputPin = ({ title, className, defaultPin, errorMsg, defaultMsg, h
|
|
|
59
60
|
onPinChanged(undefined, index);
|
|
60
61
|
}
|
|
61
62
|
};
|
|
62
|
-
return (_jsxs("div", { className:
|
|
63
|
+
return (_jsxs("div", { className: cn(className, s.relative), children: [_jsx("label", { className: cn(s['duration-300'], s['-z-1'], s['origin-0'], s['text-gray-dark-secondary'], s['font-arimaRegular'], s['text-md']), children: title }), _jsx("div", { className: cn(s.flex, s['space-x-1']), children: Array.from({ length: pinLength }, (_, index) => (_jsxs("div", { className: cn(s.flex, s['space-x-1'], s['max-w-full'], s['items-stretch']), children: [_jsx("input", { "data-testid": "inputElementPin", type: "tel", className: cn(s['pb-2'], s.block, s['w-4'], s['px-0'], s['mt-0'], s['bg-transparent'], s['text-center'], s['border-0'], s['border-b'], s['z-20'], s['appearance-none'], s['rounded-none'], s['focus:outline-none'], s['focus:ring-0'], s['focus:border-gray-secondary'], s['border-gray-secondary'], s['font-arimaRegular']), onKeyUp: (event) => onKeyDown(event, index), onMouseUp: () => {
|
|
63
64
|
if (pin.current.join('').length <= 0) {
|
|
64
65
|
changePinFocus(0);
|
|
65
66
|
}
|
|
@@ -71,5 +72,5 @@ export const InputPin = ({ title, className, defaultPin, errorMsg, defaultMsg, h
|
|
|
71
72
|
if (el) {
|
|
72
73
|
inputRefs.current[index] = el;
|
|
73
74
|
}
|
|
74
|
-
}, onChange: (event) => onChange(event, index), value: pin.current[index]?.toString() || '' }, index), _jsx("div", { className:
|
|
75
|
+
}, onChange: (event) => onChange(event, index), value: pin.current[index]?.toString() || '' }, index), _jsx("div", { className: s.invisible, children: (index + 1) % 4 === 0 ? 'ss' : null })] }, index))) }), hasError && hasError?.type !== 'required' && (_jsx("span", { className: cn(s['text-sm'], s['text-red'], s['text-4xs'], s['font-arimaRegular']), id: "error", children: `${errorMsg || ''}` })), (!hasError || hasError?.type === 'required') && (_jsx("span", { className: cn(s['text-sm'], s['text-4xs'], s['font-arimaRegular']), id: "error", children: `${defaultMsg || ''}` }))] }));
|
|
75
76
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input-dropdown.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/input-dropdown/input-dropdown.component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"input-dropdown.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/input-dropdown/input-dropdown.component.tsx"],"names":[],"mappings":"AAIA,UAAU,kBAAkB;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,aAAa,qDAMvB,kBAAkB,4CAuHpB,CAAC"}
|
|
@@ -3,7 +3,6 @@ import { useState, useEffect, useRef } from 'react';
|
|
|
3
3
|
import { UpArrow, DownArrow } from '../../../library/assets/svg';
|
|
4
4
|
import s from '../../../tc.module.css';
|
|
5
5
|
import { cn } from '../../../core-utils';
|
|
6
|
-
import '../../../tc.module.css';
|
|
7
6
|
export const InputDropdown = ({ items, className, hasError, title, onChange, }) => {
|
|
8
7
|
const [isOpen, setIsOpen] = useState(false);
|
|
9
8
|
const [value, setValue] = useState('');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/list/list.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"list.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/list/list.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,SAAS;IACjB,SAAS,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,KAAK,CAAC;IAC/C,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAC;IACjD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CA+BnD,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import '../../../tc.module.css';
|
|
2
|
+
import s from '../../../tc.module.css';
|
|
3
|
+
import { cn } from '../../../core-utils';
|
|
3
4
|
export const List = (props) => {
|
|
4
5
|
const spacingClass = props.space
|
|
5
6
|
? `space-${props.direction === 'col' ? 'y' : 'x'}-${props.space}`
|
|
@@ -11,5 +12,5 @@ export const List = (props) => {
|
|
|
11
12
|
? `items-${props.justify}`
|
|
12
13
|
: 'items-center';
|
|
13
14
|
const fillClass = props.fill ? 'flex-1' : '';
|
|
14
|
-
return (_jsx("span", { className:
|
|
15
|
+
return (_jsx("span", { className: cn(s.flex, `flex-${props.direction || 'row'}`, spacingClass, paddingClass, backgroundClass, alignClass, fillClass, justifyClass), children: props.children }));
|
|
15
16
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"loader.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/loader/loader.component.tsx"],"names":[],"mappings":"AAKA,
|
|
1
|
+
{"version":3,"file":"loader.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/loader/loader.component.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,MAAM,+CAalB,CAAC;AAEF,eAAO,MAAM,WAAW,+CAiHvB,CAAC"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { Container, Row, Spinner } from 'reactstrap';
|
|
3
|
-
import '../../../tc.module.css';
|
|
4
|
-
|
|
3
|
+
import s from '../../../tc.module.css';
|
|
4
|
+
import { cn } from '../../../core-utils';
|
|
5
|
+
export const Loader = () => (_jsx(Container, { fluid: true, className: cn(s['vh-50'], s['d-flex']), children: _jsx(Row, { className: cn(s['justify-content-center'], s['align-self-center'], s['w-100'], s['text-center']), children: _jsx(Spinner, { color: "primary" }) }) }));
|
|
5
6
|
export const ModalLoader = () => {
|
|
6
|
-
return (_jsx(_Fragment, { children: _jsxs(_Fragment, { children: [_jsx("div", { className:
|
|
7
|
+
return (_jsx(_Fragment, { children: _jsxs(_Fragment, { children: [_jsx("div", { className: cn(s['justify-center'], s['items-center'], s['flex'], s['overflow-x-hidden'], s['overflow-y-auto'], s['fixed'], s['inset-0'], s['z-50'], s['outline-none'], s['focus:outline-none']), children: _jsx("div", { className: cn(s['relative'], s['mx-auto']), children: _jsx("div", { className: cn(s['border-0'], s['rounded-lg'], s['shadow-lg'], s['relative'], s['flex'], s['flex-col'], s['w-full'], s['bg-white'], s['outline-none'], s['focus:outline-none']), children: _jsxs("div", { className: cn(s['relative'], s['p-2'], s['flex-auto'], s['flex'], s['flex-col'], s['items-center']), children: [_jsx("style", { children: `
|
|
7
8
|
.spinner .background {
|
|
8
9
|
fill: #555;
|
|
9
10
|
}
|
|
@@ -35,5 +36,5 @@ export const ModalLoader = () => {
|
|
|
35
36
|
transform: rotate(360deg);
|
|
36
37
|
}
|
|
37
38
|
}
|
|
38
|
-
` }), _jsxs("svg", { className:
|
|
39
|
+
` }), _jsxs("svg", { className: cn(s['spinner']), width: "100", height: "100", viewBox: "0 0 100 100", children: [_jsx("circle", { className: cn(s['background']), cx: "0", cy: "0" }), _jsx("path", { className: cn(s['line']), d: "M 37.5,50 C 37.5,43.096441 43.096441,37.5 50,37.5 C 56.903559,37.5 62.5,43.096441 62.5,50 C 62.5,56.903559 56.903559,62.5 50,62.5 C 43.096441,62.5 37.5,56.903559 37.5,50" })] }), ' ', _jsx("span", { style: { marginTop: -15 }, children: "loading ..." })] }) }) }) }), _jsx("div", { className: cn(s['opacity-25'], s['fixed'], s['inset-0'], s['z-40'], s['bg-black']) })] }) }));
|
|
39
40
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/radio/radio.component.tsx"],"names":[],"mappings":"AAMA,
|
|
1
|
+
{"version":3,"file":"radio.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/radio/radio.component.tsx"],"names":[],"mappings":"AAMA,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,KAAA,KAAK,IAAI,CAAC;CAC1B;AAED,eAAO,MAAM,KAAK,0CAKf,UAAU,4CAuCZ,CAAC"}
|
|
@@ -2,11 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
2
2
|
import { useState } from 'react';
|
|
3
3
|
import { CheckedRadio, UncheckRadio } from '../../../library/assets/svg';
|
|
4
4
|
import { InputWrapper } from '../form/form.component';
|
|
5
|
-
import '../../../tc.module.css';
|
|
5
|
+
import s from '../../../tc.module.css';
|
|
6
|
+
import { cn } from '../../../core-utils';
|
|
6
7
|
export const Radio = ({ title = 'Source', data = [], className, onChange, }) => {
|
|
7
8
|
const [list, setList] = useState(data);
|
|
8
9
|
const width = 20;
|
|
9
|
-
return (_jsx(_Fragment, { children: _jsx(InputWrapper, { label: title, children: list?.map((item, index) => (_jsx("div", { className:
|
|
10
|
+
return (_jsx(_Fragment, { children: _jsx(InputWrapper, { label: title, children: list?.map((item, index) => (_jsx("div", { className: cn(className, s['flex'], s['items-center'], s['mb-1']), onClick: () => {
|
|
10
11
|
const result = list?.map((e, i) => {
|
|
11
12
|
if (i == index)
|
|
12
13
|
return { ...e, checked: true };
|
|
@@ -15,5 +16,5 @@ export const Radio = ({ title = 'Source', data = [], className, onChange, }) =>
|
|
|
15
16
|
});
|
|
16
17
|
setList(result);
|
|
17
18
|
onChange(result?.find((item) => item.checked));
|
|
18
|
-
}, children: _jsxs("div", { className:
|
|
19
|
+
}, children: _jsxs("div", { className: cn(s['flex'], s['flex-row'], s['gap-1'], s['items-center']), children: [item.checked ? (_jsx(CheckedRadio, { width: width, height: width })) : (_jsx(UncheckRadio, { width: width, height: width })), _jsx("span", { className: cn(s['text-4xs']), children: item?.title })] }) }, index))) }) }));
|
|
19
20
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stepper.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/stepper/stepper.component.tsx"],"names":[],"mappings":"AAIA,UAAU,YAAY;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,CAAC,WAAW,KAAA,EAAE,KAAK,KAAA,KAAK,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,OAAO,oDAKjB,YAAY,
|
|
1
|
+
{"version":3,"file":"stepper.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/stepper/stepper.component.tsx"],"names":[],"mappings":"AAIA,UAAU,YAAY;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,CAAC,WAAW,KAAA,EAAE,KAAK,KAAA,KAAK,IAAI,CAAC;CAC3C;AAED,eAAO,MAAM,OAAO,oDAKjB,YAAY,4CA0Hd,CAAC"}
|
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import s from '../../../tc.module.css';
|
|
3
|
+
import { cn } from '../../../core-utils';
|
|
2
4
|
export const Stepper = ({ className = '', steps, currentStep = 1, onStepClick, }) => {
|
|
3
|
-
const finalClass =
|
|
4
|
-
const progressClass = 'absolute my-4 top-1/2 left-0 h-0.5
|
|
5
|
+
const finalClass = cn(className, s['w-full'], s['px-4'], s['sm:px-8']);
|
|
6
|
+
const progressClass = cn(s['absolute'], s['my-4'], s['top-1/2'], s['left-0'], s['h-0.5'], s['transform'], s['-translate-y-1/2'], s['bg-orange'], s['transition-width'], s['ease-in-out'], s['duration-500']);
|
|
5
7
|
const Steps = steps?.map((step, index) => {
|
|
6
|
-
let stepClass = 'inline-block transform -translate-x-1/2 pt-1 w-8 h-8 rounded-full text-center';
|
|
8
|
+
let stepClass = cn(s['inline-block'], s['transform'], s['-translate-x-1/2'], s['pt-1'], s['w-8'], s['h-8'], s['rounded-full'], s['text-center']);
|
|
7
9
|
if (index < currentStep)
|
|
8
|
-
stepClass
|
|
9
|
-
' font-medium border border-orange bg-background-secondary text-gray';
|
|
10
|
+
stepClass = cn(stepClass, s['font-medium'], s['border'], s['border-orange'], s['bg-background-secondary'], s['text-gray']);
|
|
10
11
|
else if (index > currentStep)
|
|
11
|
-
stepClass
|
|
12
|
-
' font-medium border border-gray-dark-secondary text-gray bg-background-secondary';
|
|
12
|
+
stepClass = cn(stepClass, s['font-medium'], s['border'], s['border-gray-dark-secondary'], s['text-gray'], s['bg-background-secondary']);
|
|
13
13
|
else if (currentStep === index)
|
|
14
|
-
stepClass
|
|
14
|
+
stepClass = cn(stepClass, s['font-medium'], s['bg-orange'], s['text-white']);
|
|
15
15
|
if (typeof onStepClick === 'function')
|
|
16
|
-
stepClass
|
|
17
|
-
return (_jsx("div", { style: { left: `${(index / (steps.length - 1)) * 100}%` }, className:
|
|
16
|
+
stepClass = cn(stepClass, s['cursor-pointer']);
|
|
17
|
+
return (_jsx("div", { style: { left: `${(index / (steps.length - 1)) * 100}%` }, className: cn(s['absolute']), children: _jsx("span", { className: cn(stepClass, s['font-arimaRegular'], s['text-4xs'], s['text-center']), onClick: () => {
|
|
18
18
|
if (typeof onStepClick === 'function')
|
|
19
19
|
onStepClick(index + 1, step);
|
|
20
20
|
}, children: step }) }, step));
|
|
21
21
|
});
|
|
22
|
-
return (_jsxs("div", { className: finalClass, children: [_jsxs("div", { className:
|
|
22
|
+
return (_jsxs("div", { className: finalClass, children: [_jsxs("div", { className: cn(s['w-full'], s['relative']), children: [_jsx("div", { className: progressClass, style: {
|
|
23
23
|
width: `${(currentStep / (steps.length - 1)) * 100}%`,
|
|
24
|
-
}, children: _jsx("div", { className:
|
|
24
|
+
}, children: _jsx("div", { className: cn(s['w-3'], s['h-3'], s['bg-orange'], s['rounded-full'], s['absolute'], s['right-0'], s['top-1/2'], s['transform'], s['translate-x-1/2'], s['-translate-y-1/2']) }) }), _jsx("div", { className: cn(s['absolute'], s['h-0.5'], s['my-4'], s['top-1/2'], s['left-0'], s['transform'], s['-translate-y-1/2'], s['bg-gray-dark-secondary'], s['transition-width'], s['ease-in-out'], s['duration-500']), style: {
|
|
25
25
|
marginLeft: `${(currentStep / (steps.length - 1)) * 100}%`,
|
|
26
26
|
width: `${100 - (currentStep / (steps.length - 1)) * 100}%`,
|
|
27
|
-
} })] }), _jsx("div", { className:
|
|
27
|
+
} })] }), _jsx("div", { className: cn(s['relative'], s['sm:block']), children: Steps })] }));
|
|
28
28
|
};
|
|
@@ -10,8 +10,9 @@ export interface TabsProps {
|
|
|
10
10
|
content?: React.JSX.Element;
|
|
11
11
|
inActive?: boolean;
|
|
12
12
|
}>;
|
|
13
|
+
onSelect?: (item: any, index: number) => void;
|
|
13
14
|
children: React.JSX.Element[];
|
|
14
15
|
}
|
|
15
|
-
export declare const Tabs: ({ options, children }: TabsProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export declare const Tabs: ({ options, onSelect, children }: TabsProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
17
|
export {};
|
|
17
18
|
//# sourceMappingURL=tabs.component.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/tabs/tabs.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,UAAU,QAAQ;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,GAAG,wBAAuB,QAAQ,4CAM9C,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,KAAK,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;QAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC,CAAC;IACH,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;CAC/B;AAED,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"tabs.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/tabs/tabs.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,UAAU,QAAQ;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;CAC7B;AAED,eAAO,MAAM,GAAG,wBAAuB,QAAQ,4CAM9C,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,KAAK,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;QAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC,CAAC;IACH,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,QAAQ,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,EAAE,CAAC;CAC/B;AAED,eAAO,MAAM,IAAI,oCAAmC,SAAS,4CAqD5D,CAAC"}
|
|
@@ -5,12 +5,13 @@ import { cn } from '../../../core-utils';
|
|
|
5
5
|
export const Tab = ({ title, children }) => {
|
|
6
6
|
return (_jsx("div", { className: cn(s.flex), children: children }, title));
|
|
7
7
|
};
|
|
8
|
-
export const Tabs = ({ options, children }) => {
|
|
8
|
+
export const Tabs = ({ options, onSelect, children }) => {
|
|
9
9
|
const [activeTab, setActiveTab] = useState(0);
|
|
10
10
|
const [selected, setSelected] = useState(options[0].title);
|
|
11
11
|
const tabs = React.Children.toArray(children).filter((child) => React.isValidElement(child) && child.type === Tab);
|
|
12
12
|
return (_jsx(_Fragment, { children: _jsxs("div", { className: cn(s.flex, s['flex-col'], s['w-full']), children: [_jsx("div", { className: cn(s.flex, s['border-b']), children: options?.map((tab, index) => (_jsx("button", { type: "button", className: cn(s['py-2'], s['px-4'], s['mr-1'], s['border-none'], s['rounded-t-md'], s['shadow-inner'], s['cursor-pointer'], activeTab === index && s['bg-blue-500'], activeTab === index && s['border-none'], activeTab === index && s['text-white']), onClick: () => {
|
|
13
13
|
setSelected(tab?.title);
|
|
14
|
+
onSelect && onSelect(tab, index);
|
|
14
15
|
!tab.inActive && setActiveTab(index);
|
|
15
16
|
}, disabled: tab.inActive, children: tab.title }, index))) }), _jsx("div", { className: cn(s['p-2'], s.border, s['border-solid'], s['border-slate-600'], s['rounded-b-md']), children: options[activeTab]?.content
|
|
16
17
|
? options[activeTab]?.content
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"timer.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/timer/timer.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsD,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"timer.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/atoms/timer/timer.component.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsD,MAAM,OAAO,CAAC;AAK3E,UAAU,UAAU;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAGD,eAAO,MAAM,KAAK,wEA8EjB,CAAC"}
|
|
@@ -3,7 +3,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
3
3
|
/* eslint-disable @typescript-eslint/no-unused-expressions */
|
|
4
4
|
import React, { useEffect, useState, useImperativeHandle } from 'react';
|
|
5
5
|
import { TimerSVG } from '../../../library/assets/svg';
|
|
6
|
-
import '../../../tc.module.css';
|
|
6
|
+
import s from '../../../tc.module.css';
|
|
7
|
+
import { cn } from '../../../core-utils';
|
|
7
8
|
// eslint-disable-next-line react/display-name
|
|
8
9
|
export const Timer = React.forwardRef(({ onClear }, ref) => {
|
|
9
10
|
const width = 15;
|
|
@@ -71,5 +72,5 @@ export const Timer = React.forwardRef(({ onClear }, ref) => {
|
|
|
71
72
|
};
|
|
72
73
|
},
|
|
73
74
|
}));
|
|
74
|
-
return (_jsxs("div", { className:
|
|
75
|
+
return (_jsxs("div", { className: cn(s['flex'], s['flex-row'], s['items-center']), children: [_jsx(TimerSVG, { width: width, height: width, fill: "#E7503D" }), _jsxs("div", { className: cn(s['ml-2'], s['flex'], s['flex-row']), children: [_jsxs("span", { children: [minute, ":"] }), _jsx("span", { children: second })] })] }));
|
|
75
76
|
});
|
|
@@ -30,5 +30,6 @@ export * from './molecules/autocomplete/autocomplete';
|
|
|
30
30
|
export * from './molecules/auto-complete-group-by/auto-complete-group-by.component';
|
|
31
31
|
export * from './molecules/color-picker/color-picker.component';
|
|
32
32
|
export * from './molecules/color-picker-modal/color-picker-modal.component';
|
|
33
|
+
export * from './molecules/auto-complete-filter-single-select/auto-complete-filter-single-select.component';
|
|
33
34
|
export { Form };
|
|
34
35
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core-components/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,6BAA6B,CAAC;AAEpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,kDAAkD,CAAC;AAEjE,cAAc,sCAAsC,CAAC;AACrD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iDAAiD,CAAC;AAChE,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAE9C,cAAc,mCAAmC,CAAC;AAElD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AAExD,cAAc,+DAA+D,CAAC;AAC9E,cAAc,iJAAiJ,CAAC;AAChK,cAAc,6IAA6I,CAAC;AAC5J,cAAc,iDAAiD,CAAC;AAChE,cAAc,uEAAuE,CAAC;AACtF,cAAc,mDAAmD,CAAC;AAClE,cAAc,uCAAuC,CAAC;AACtD,cAAc,qEAAqE,CAAC;AACpF,cAAc,iDAAiD,CAAC;AAChE,cAAc,6DAA6D,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/core-components/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,6BAA6B,CAAC;AAEpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,kDAAkD,CAAC;AAEjE,cAAc,sCAAsC,CAAC;AACrD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,mCAAmC,CAAC;AAClD,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iDAAiD,CAAC;AAChE,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,mCAAmC,CAAC;AAClD,cAAc,+BAA+B,CAAC;AAE9C,cAAc,mCAAmC,CAAC;AAElD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mCAAmC,CAAC;AAClD,cAAc,kCAAkC,CAAC;AACjD,cAAc,uCAAuC,CAAC;AACtD,cAAc,yCAAyC,CAAC;AAExD,cAAc,+DAA+D,CAAC;AAC9E,cAAc,iJAAiJ,CAAC;AAChK,cAAc,6IAA6I,CAAC;AAC5J,cAAc,iDAAiD,CAAC;AAChE,cAAc,uEAAuE,CAAC;AACtF,cAAc,mDAAmD,CAAC;AAClE,cAAc,uCAAuC,CAAC;AACtD,cAAc,qEAAqE,CAAC;AACpF,cAAc,iDAAiD,CAAC;AAChE,cAAc,6DAA6D,CAAC;AAC5E,cAAc,6FAA6F,CAAC;AAE5G,OAAO,EAAC,IAAI,EAAC,CAAC"}
|
|
@@ -30,4 +30,5 @@ export * from './molecules/autocomplete/autocomplete';
|
|
|
30
30
|
export * from './molecules/auto-complete-group-by/auto-complete-group-by.component';
|
|
31
31
|
export * from './molecules/color-picker/color-picker.component';
|
|
32
32
|
export * from './molecules/color-picker-modal/color-picker-modal.component';
|
|
33
|
+
export * from './molecules/auto-complete-filter-single-select/auto-complete-filter-single-select.component';
|
|
33
34
|
export { Form };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"auto-complete-filter-multiple-select-multiple-fields-display.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/molecules/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"auto-complete-filter-multiple-select-multiple-fields-display.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/molecules/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component.tsx"],"names":[],"mappings":"AAMA,UAAU,0DAA0D;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;IAC7B,MAAM,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,qDAAqD,mJAc/D,0DAA0D,4CA0L5D,CAAC"}
|
|
@@ -2,7 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
2
2
|
/* eslint-disable */
|
|
3
3
|
import { useState, useEffect, useRef } from 'react';
|
|
4
4
|
import { Icon } from '../../atoms/icons/icons.component';
|
|
5
|
-
import '../../../tc.module.css';
|
|
5
|
+
import s from '../../../tc.module.css';
|
|
6
|
+
import { cn } from '../../../core-utils';
|
|
6
7
|
export const AutoCompleteFilterMultipleSelectMultipleFieldsDisplay = ({ uniqueField = '_id', isSelectedStringArray = false, loader = false, placeholder = 'Search...', data, hasError = false, disable = false, isUpperCase = false, name, onFilter, onUpdate, onSelect, onBlur, }) => {
|
|
7
8
|
const [value, setValue] = useState('');
|
|
8
9
|
const [options, setOptions] = useState();
|
|
@@ -71,20 +72,20 @@ export const AutoCompleteFilterMultipleSelectMultipleFieldsDisplay = ({ uniqueFi
|
|
|
71
72
|
onFilter && onFilter(search);
|
|
72
73
|
}
|
|
73
74
|
};
|
|
74
|
-
return (_jsx(_Fragment, { children: _jsxs("div", { ref: wrapperRef, className:
|
|
75
|
+
return (_jsx(_Fragment, { children: _jsxs("div", { ref: wrapperRef, className: cn(s['w-full'], s['relative']), children: [_jsxs("div", { className: cn(s['flex'], s['items-center'], s['leading-4'], s['p-2'], s['focus:outline-none'], s['focus:ring'], s['w-full'], s['shadow-sm'], s['sm:text-base'], s['border-2'], hasError ? s['border-red'] : s['border-gray-300'], s['rounded-md']), children: [_jsx("input", { placeholder: placeholder, disabled: disable, name: name, value: !isListOpen
|
|
75
76
|
? data?.selected?.length > 0
|
|
76
77
|
? `${(data.selected && data.selected.length) || 0} Items`
|
|
77
78
|
: value
|
|
78
79
|
: isUpperCase
|
|
79
80
|
? value?.toUpperCase()
|
|
80
|
-
: value, className:
|
|
81
|
+
: value, className: cn(s['w-full'], s['focus:outline-none'], s['bg-none']), onKeyUp: onKeyUp, onChange: onChange, onClick: () => setIsListOpen(true), onBlur: (e) => onBlur && onBlur(e) }), isListOpen ? (_jsx(Icon, { nameIcon: "FaChevronUp", propsIcon: {
|
|
81
82
|
color: '#000000',
|
|
82
83
|
size: 22,
|
|
83
84
|
} })) : (_jsx(Icon, { nameIcon: "FaChevronDown", propsIcon: {
|
|
84
85
|
color: '#000000',
|
|
85
86
|
size: 22,
|
|
86
87
|
} }))] }), options && isListOpen
|
|
87
|
-
? options?.length > 0 && (_jsx("div", { className:
|
|
88
|
+
? options?.length > 0 && (_jsx("div", { className: cn(s['flex'], s['mt-1'], s['absolute'], s['rounded-sm'], s['z-500'], s['w-full']), style: { zIndex: 80 }, children: _jsx("ul", { className: cn(s['flex'], s['flex-col'], s['gap-2'], s['bg-gray-200'], s['p-2'], s['w-full']), children: options?.map((item, index) => (_jsx(_Fragment, { children: _jsx("li", { className: cn(s['flex'], s['gap-4'], s['p-2']), children: _jsxs("label", { className: cn(s['flex']), children: [_jsx("input", { id: index?.toString(), className: cn(s['flex'], s['h-4'], s['w-4']), type: "checkbox", checked: item.selected, onChange: () => onSelect(item) }), ' ', _jsx("span", { className: cn(s['flex'], s['h-4'], s['ml-2']), children: data.displayKey
|
|
88
89
|
.map((key) => `${item[key]}
|
|
89
90
|
`)
|
|
90
91
|
.join(' - ') })] }) }, index) }))) }) }))
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
interface AutoCompleteFilterSingleSelectProps {
|
|
2
|
+
loader?: boolean;
|
|
3
|
+
disable?: boolean;
|
|
4
|
+
displayValue?: string;
|
|
5
|
+
placeholder?: string;
|
|
6
|
+
data: any;
|
|
7
|
+
hasError?: boolean;
|
|
8
|
+
onFilter: (item: any) => void;
|
|
9
|
+
onSelect: (item: any) => any;
|
|
10
|
+
}
|
|
11
|
+
export declare const AutoCompleteFilterSingleSelect: ({ disable, loader, displayValue, placeholder, data, hasError, onFilter, onSelect, }: AutoCompleteFilterSingleSelectProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export {};
|
|
13
|
+
//# sourceMappingURL=auto-complete-filter-single-select.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"auto-complete-filter-single-select.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/molecules/auto-complete-filter-single-select/auto-complete-filter-single-select.component.tsx"],"names":[],"mappings":"AAKA,UAAU,mCAAmC;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,GAAG,CAAC;IACV,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,CAAC;CAC9B;AAED,eAAO,MAAM,8BAA8B,wFASxC,mCAAmC,4CAuGrC,CAAC"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
+
/* eslint-disable */
|
|
3
|
+
import { useState, useEffect, useRef } from 'react';
|
|
4
|
+
import { Icon } from '../../atoms/icons/icons.component';
|
|
5
|
+
import { debounce } from '../../../core-utils';
|
|
6
|
+
export const AutoCompleteFilterSingleSelect = ({ disable = false, loader = false, displayValue = '', placeholder = 'Search...', data, hasError = false, onFilter, onSelect, }) => {
|
|
7
|
+
const [value, setValue] = useState(displayValue);
|
|
8
|
+
const [options, setOptions] = useState();
|
|
9
|
+
const [isListOpen, setIsListOpen] = useState(false);
|
|
10
|
+
const useOutsideAlerter = (ref) => {
|
|
11
|
+
useEffect(() => {
|
|
12
|
+
function handleClickOutside(event) {
|
|
13
|
+
if (ref.current && !ref.current.contains(event.target) && isListOpen) {
|
|
14
|
+
setIsListOpen(false);
|
|
15
|
+
setValue('');
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
document.addEventListener('mousedown', handleClickOutside);
|
|
19
|
+
return () => {
|
|
20
|
+
document.removeEventListener('mousedown', handleClickOutside);
|
|
21
|
+
};
|
|
22
|
+
}, [ref, isListOpen]);
|
|
23
|
+
};
|
|
24
|
+
const wrapperRef = useRef(null);
|
|
25
|
+
useOutsideAlerter(wrapperRef);
|
|
26
|
+
useEffect(() => {
|
|
27
|
+
setOptions(data.list);
|
|
28
|
+
}, [data]);
|
|
29
|
+
useEffect(() => {
|
|
30
|
+
setValue(displayValue);
|
|
31
|
+
}, [displayValue]);
|
|
32
|
+
const onChange = (e) => {
|
|
33
|
+
const search = e.target.value;
|
|
34
|
+
setValue(search);
|
|
35
|
+
debounce(() => {
|
|
36
|
+
onFilter(search);
|
|
37
|
+
});
|
|
38
|
+
};
|
|
39
|
+
return (_jsx(_Fragment, { children: _jsxs("div", { ref: wrapperRef, children: [_jsxs("div", { className: `flex items-center leading-4 p-2 focus:outline-none focus:ring w-full shadow-sm sm:text-base border-2 ${hasError ? 'border-red' : 'border-gray-300'} rounded-md`, children: [_jsx("input", { placeholder: placeholder, value: !isListOpen ? value : value, className: `w-full focus:outline-none bg-none`,
|
|
40
|
+
// onKeyUp={onKeyUp}
|
|
41
|
+
onChange: onChange, onClick: () => setIsListOpen(true), disabled: disable }), isListOpen ? (_jsx(Icon, { nameIcon: "FaChevronUp", propsIcon: {
|
|
42
|
+
color: '#000000',
|
|
43
|
+
size: 22,
|
|
44
|
+
} })) : (_jsx(Icon, { nameIcon: "FaChevronDown", propsIcon: {
|
|
45
|
+
color: '#000000',
|
|
46
|
+
size: 22,
|
|
47
|
+
} }))] }), options && isListOpen
|
|
48
|
+
? options.length > 0 && (_jsx("div", { className: "mt-1 absolute bg-gray-100 p-2 rounded-sm z-50", children: _jsx("ul", { children: options?.map((item, index) => (_jsx(_Fragment, { children: _jsx("li", { className: "text-gray-400 flex items-center", onClick: () => {
|
|
49
|
+
setValue(item[data.displayKey]);
|
|
50
|
+
setIsListOpen(false);
|
|
51
|
+
onSelect(item);
|
|
52
|
+
}, children: _jsx("label", { className: "ml-2 mt-1 text-black", children: item[data.displayKey] }) }, index) }))) }) }))
|
|
53
|
+
: null] }) }));
|
|
54
|
+
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"auto-complete-group-by.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/molecules/auto-complete-group-by/auto-complete-group-by.component.tsx"],"names":[],"mappings":"AAIA,
|
|
1
|
+
{"version":3,"file":"auto-complete-group-by.component.d.ts","sourceRoot":"","sources":["../../../../../src/core-components/molecules/auto-complete-group-by/auto-complete-group-by.component.tsx"],"names":[],"mappings":"AAIA,UAAU,wBAAwB;IAChC,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB,UAAW,wBAAwB,4CA2MlE,CAAC"}
|
package/lib/src/core-components/molecules/auto-complete-group-by/auto-complete-group-by.component.js
CHANGED
|
@@ -2,8 +2,6 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
2
2
|
/* eslint-disable */
|
|
3
3
|
import { useState, useEffect, useRef } from 'react';
|
|
4
4
|
import { Icon } from '../../atoms/icons/icons.component';
|
|
5
|
-
// import PerfectScrollbar from 'react-perfect-scrollbar';
|
|
6
|
-
import '../../../tc.module.css';
|
|
7
5
|
export const AutocompleteGroupBy = (props) => {
|
|
8
6
|
//const [userRouter, setUserRouter] = useState<any>()
|
|
9
7
|
const [value, setValue] = useState(props.displayValue);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utility.util.d.ts","sourceRoot":"","sources":["../../../src/core-utils/utility.util.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"utility.util.d.ts","sourceRoot":"","sources":["../../../src/core-utils/utility.util.ts"],"names":[],"mappings":"AACA,OAAa,EAAC,UAAU,EAAC,MAAM,MAAM,CAAC;AAGtC,eAAO,MAAM,EAAE,cAAe,UAAU,EAAE,KAAG,MAE5C,CAAC;AAEF,eAAO,MAAM,QAAQ,KAEb,CAAC"}
|