react-restyle-components 0.2.87 → 0.2.89
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/package.json +1 -1
- package/lib/src/core-components/index.d.ts +0 -34
- package/lib/src/core-components/index.d.ts.map +0 -1
- package/lib/src/core-components/index.js +0 -33
- package/lib/src/core-components/src/atoms/button/Button.types.d.ts +0 -26
- package/lib/src/core-components/src/atoms/button/Button.types.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/button/Button.types.js +0 -1
- package/lib/src/core-components/src/atoms/button/button.component.d.ts +0 -4
- package/lib/src/core-components/src/atoms/button/button.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/button/button.component.js +0 -18
- package/lib/src/core-components/src/atoms/button/buttonGroup/buttonGroup.component.d.ts +0 -7
- package/lib/src/core-components/src/atoms/button/buttonGroup/buttonGroup.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/button/buttonGroup/buttonGroup.component.js +0 -4
- package/lib/src/core-components/src/atoms/check-box/checkBox.component.d.ts +0 -10
- package/lib/src/core-components/src/atoms/check-box/checkBox.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/check-box/checkBox.component.js +0 -20
- package/lib/src/core-components/src/atoms/date-picker/date-picker.component.d.ts +0 -12
- package/lib/src/core-components/src/atoms/date-picker/date-picker.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/date-picker/date-picker.component.js +0 -20
- package/lib/src/core-components/src/atoms/form/form.component.d.ts +0 -105
- package/lib/src/core-components/src/atoms/form/form.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/form/form.component.js +0 -87
- package/lib/src/core-components/src/atoms/icons/icons.component.d.ts +0 -12
- package/lib/src/core-components/src/atoms/icons/icons.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/icons/icons.component.js +0 -71
- package/lib/src/core-components/src/atoms/input/input-otp.component.d.ts +0 -14
- package/lib/src/core-components/src/atoms/input/input-otp.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/input/input-otp.component.js +0 -61
- package/lib/src/core-components/src/atoms/input/input-pin.component.d.ts +0 -16
- package/lib/src/core-components/src/atoms/input/input-pin.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/input/input-pin.component.js +0 -76
- package/lib/src/core-components/src/atoms/input/input.component.d.ts +0 -18
- package/lib/src/core-components/src/atoms/input/input.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/input/input.component.js +0 -16
- package/lib/src/core-components/src/atoms/input-dropdown/input-dropdown.component.d.ts +0 -10
- package/lib/src/core-components/src/atoms/input-dropdown/input-dropdown.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/input-dropdown/input-dropdown.component.js +0 -44
- package/lib/src/core-components/src/atoms/loader/loader.component.d.ts +0 -6
- package/lib/src/core-components/src/atoms/loader/loader.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/loader/loader.component.js +0 -6
- package/lib/src/core-components/src/atoms/pdf/pdf-images.components.d.ts +0 -9
- package/lib/src/core-components/src/atoms/pdf/pdf-images.components.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/pdf/pdf-images.components.js +0 -7
- package/lib/src/core-components/src/atoms/pdf/pdf-table.components.d.ts +0 -11
- package/lib/src/core-components/src/atoms/pdf/pdf-table.components.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/pdf/pdf-table.components.js +0 -48
- package/lib/src/core-components/src/atoms/pdf/pdf-typography.components.d.ts +0 -21
- package/lib/src/core-components/src/atoms/pdf/pdf-typography.components.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/pdf/pdf-typography.components.js +0 -70
- package/lib/src/core-components/src/atoms/pdf/pdf-wrapped-view.components.d.ts +0 -53
- package/lib/src/core-components/src/atoms/pdf/pdf-wrapped-view.components.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/pdf/pdf-wrapped-view.components.js +0 -50
- package/lib/src/core-components/src/atoms/radio/radio.component.d.ts +0 -9
- package/lib/src/core-components/src/atoms/radio/radio.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/radio/radio.component.js +0 -20
- package/lib/src/core-components/src/atoms/stepper/stepper.component.d.ts +0 -9
- package/lib/src/core-components/src/atoms/stepper/stepper.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/stepper/stepper.component.js +0 -26
- package/lib/src/core-components/src/atoms/tabs/tabs.component.d.ts +0 -18
- package/lib/src/core-components/src/atoms/tabs/tabs.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/tabs/tabs.component.js +0 -19
- package/lib/src/core-components/src/atoms/timer/timer.component.d.ts +0 -7
- package/lib/src/core-components/src/atoms/timer/timer.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/timer/timer.component.js +0 -76
- package/lib/src/core-components/src/atoms/tooltip/Tooltip.types.d.ts +0 -22
- package/lib/src/core-components/src/atoms/tooltip/Tooltip.types.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/tooltip/Tooltip.types.js +0 -1
- package/lib/src/core-components/src/atoms/tooltip/tooltip.component.d.ts +0 -10
- package/lib/src/core-components/src/atoms/tooltip/tooltip.component.d.ts.map +0 -1
- package/lib/src/core-components/src/atoms/tooltip/tooltip.component.js +0 -10
- package/lib/src/core-components/src/helpers/constants.d.ts +0 -4
- package/lib/src/core-components/src/helpers/constants.d.ts.map +0 -1
- package/lib/src/core-components/src/helpers/constants.js +0 -11
- package/lib/src/core-components/src/hooks/index.d.ts +0 -2
- package/lib/src/core-components/src/hooks/index.d.ts.map +0 -1
- package/lib/src/core-components/src/hooks/index.js +0 -1
- package/lib/src/core-components/src/hooks/outside.hook.d.ts +0 -2
- package/lib/src/core-components/src/hooks/outside.hook.d.ts.map +0 -1
- package/lib/src/core-components/src/hooks/outside.hook.js +0 -28
- package/lib/src/core-components/src/library/assets/svg/index.d.ts +0 -10
- package/lib/src/core-components/src/library/assets/svg/index.d.ts.map +0 -1
- package/lib/src/core-components/src/library/assets/svg/index.js +0 -27
- package/lib/src/core-components/src/molecules/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component.d.ts +0 -17
- package/lib/src/core-components/src/molecules/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component.d.ts.map +0 -1
- package/lib/src/core-components/src/molecules/auto-complete-filter-multiple-select-multiple-fields-display/auto-complete-filter-multiple-select-multiple-fields-display.component.js +0 -101
- package/lib/src/core-components/src/molecules/auto-complete-filter-single-select/auto-complete-filter-single-select.component.d.ts +0 -13
- package/lib/src/core-components/src/molecules/auto-complete-filter-single-select/auto-complete-filter-single-select.component.d.ts.map +0 -1
- package/lib/src/core-components/src/molecules/auto-complete-filter-single-select/auto-complete-filter-single-select.component.js +0 -59
- package/lib/src/core-components/src/molecules/auto-complete-filter-single-select-multiple-fields-display/auto-complete-filter-single-select-multiple-fields-display.component.d.ts +0 -18
- package/lib/src/core-components/src/molecules/auto-complete-filter-single-select-multiple-fields-display/auto-complete-filter-single-select-multiple-fields-display.component.d.ts.map +0 -1
- package/lib/src/core-components/src/molecules/auto-complete-filter-single-select-multiple-fields-display/auto-complete-filter-single-select-multiple-fields-display.component.js +0 -109
- package/lib/src/core-components/src/molecules/auto-complete-group-by/auto-complete-group-by.component.d.ts +0 -10
- package/lib/src/core-components/src/molecules/auto-complete-group-by/auto-complete-group-by.component.d.ts.map +0 -1
- package/lib/src/core-components/src/molecules/auto-complete-group-by/auto-complete-group-by.component.js +0 -128
- package/lib/src/core-components/src/molecules/autocomplete/autocomplete.d.ts +0 -8
- package/lib/src/core-components/src/molecules/autocomplete/autocomplete.d.ts.map +0 -1
- package/lib/src/core-components/src/molecules/autocomplete/autocomplete.js +0 -108
- package/lib/src/core-components/src/molecules/color-picker/color-picker.component.d.ts +0 -6
- package/lib/src/core-components/src/molecules/color-picker/color-picker.component.d.ts.map +0 -1
- package/lib/src/core-components/src/molecules/color-picker/color-picker.component.js +0 -12
- package/lib/src/core-components/src/molecules/color-picker-modal/color-picker-modal.component.d.ts +0 -15
- package/lib/src/core-components/src/molecules/color-picker-modal/color-picker-modal.component.d.ts.map +0 -1
- package/lib/src/core-components/src/molecules/color-picker-modal/color-picker-modal.component.js +0 -41
- package/lib/src/core-components/src/molecules/css-multiline-input/css-multiline-input.component.d.ts +0 -11
- package/lib/src/core-components/src/molecules/css-multiline-input/css-multiline-input.component.d.ts.map +0 -1
- package/lib/src/core-components/src/molecules/css-multiline-input/css-multiline-input.component.js +0 -91
- package/lib/src/core-components/src/molecules/css-multiline-input/css-properties.d.ts +0 -8932
- package/lib/src/core-components/src/molecules/css-multiline-input/css-properties.d.ts.map +0 -1
- package/lib/src/core-components/src/molecules/css-multiline-input/css-properties.js +0 -161
- package/lib/src/core-components/src/molecules/modal/modal.component.d.ts +0 -10
- package/lib/src/core-components/src/molecules/modal/modal.component.d.ts.map +0 -1
- package/lib/src/core-components/src/molecules/modal/modal.component.js +0 -19
- package/lib/src/core-components/src/molecules/modal-confirm/modal-confirm.component.d.ts +0 -14
- package/lib/src/core-components/src/molecules/modal-confirm/modal-confirm.component.d.ts.map +0 -1
- package/lib/src/core-components/src/molecules/modal-confirm/modal-confirm.component.js +0 -21
- package/lib/src/core-components/src/molecules/multi-select/multi-select.component.d.ts +0 -9
- package/lib/src/core-components/src/molecules/multi-select/multi-select.component.d.ts.map +0 -1
- package/lib/src/core-components/src/molecules/multi-select/multi-select.component.js +0 -49
- package/lib/src/core-components/src/molecules/multi-select-with-field/multi-select-with-field.component.d.ts +0 -10
- package/lib/src/core-components/src/molecules/multi-select-with-field/multi-select-with-field.component.d.ts.map +0 -1
- package/lib/src/core-components/src/molecules/multi-select-with-field/multi-select-with-field.component.js +0 -58
- package/lib/src/core-components/src/utils/index.d.ts +0 -2
- package/lib/src/core-components/src/utils/index.d.ts.map +0 -1
- package/lib/src/core-components/src/utils/index.js +0 -1
- package/lib/src/core-components/src/utils/utility.util.d.ts +0 -3
- package/lib/src/core-components/src/utils/utility.util.d.ts.map +0 -1
- package/lib/src/core-components/src/utils/utility.util.js +0 -5
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
/* eslint-disable no-console */
|
|
3
|
-
import { useEffect, useRef } from 'react';
|
|
4
|
-
import s from '../../tc.module.css';
|
|
5
|
-
import { cn } from '../../utils';
|
|
6
|
-
export const InputOtp = ({ className, pin, onPinChanged, }) => {
|
|
7
|
-
const pinLength = 6;
|
|
8
|
-
const Pin_Min_Value = 0;
|
|
9
|
-
const Pin_Max_Value = 9;
|
|
10
|
-
const BACKSPACE_Key = 'Backspace';
|
|
11
|
-
const inputRefs = useRef([]);
|
|
12
|
-
useEffect(() => {
|
|
13
|
-
const ref = inputRefs.current[0];
|
|
14
|
-
if (ref) {
|
|
15
|
-
ref.focus();
|
|
16
|
-
}
|
|
17
|
-
}, []);
|
|
18
|
-
const changePinFocus = (pinIndex) => {
|
|
19
|
-
const ref = inputRefs.current[pinIndex];
|
|
20
|
-
if (ref) {
|
|
21
|
-
ref.focus();
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
const onChange = (event, index) => {
|
|
25
|
-
const value = event.target.value;
|
|
26
|
-
const pinNumber = Number(value.trim());
|
|
27
|
-
if (isNaN(pinNumber) || value.length === 0) {
|
|
28
|
-
return;
|
|
29
|
-
}
|
|
30
|
-
if (pinNumber >= Pin_Min_Value && pinNumber <= Pin_Max_Value) {
|
|
31
|
-
onPinChanged(pinNumber, index);
|
|
32
|
-
if (index < pinLength - 1) {
|
|
33
|
-
changePinFocus(index + 1);
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
const onKeyDown = (event, index) => {
|
|
38
|
-
const keyboardKeyCode = event.nativeEvent.code;
|
|
39
|
-
if (keyboardKeyCode != BACKSPACE_Key)
|
|
40
|
-
return;
|
|
41
|
-
if (pin[index] === undefined) {
|
|
42
|
-
changePinFocus(index - 1);
|
|
43
|
-
}
|
|
44
|
-
else {
|
|
45
|
-
onPinChanged(undefined, index);
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
return (_jsx("div", { className: cn(className, s['relative']), children: _jsx("div", { className: cn(s['flex'], s['space-x-1'], s['bg-background-secondary'], s['rounded-lg'], s['outline-offset-8']), children: Array.from({ length: pinLength }, (_, index) => (_jsx("input", { "data-testid": "onPinChanged", className: cn(s['pt-3'], s['pb-2'], s['block'], s['w-full'], s['px-0'], s['text-5xl'], s['font-extrabold'], s['border-b-0'], s['text-orange'], s['mt-0'], s['bg-transparent'], s['text-center'], s['z-20'], s['appearance-none'], s['focus:outline-none'], s['font-arimaRegular']), onKeyDown: (event) => onKeyDown(event, index), onMouseUp: () => {
|
|
49
|
-
if (pin.join('').length <= 0) {
|
|
50
|
-
changePinFocus(0);
|
|
51
|
-
}
|
|
52
|
-
}, onClick: () => {
|
|
53
|
-
if (pin.join('').length <= 0) {
|
|
54
|
-
onPinChanged(undefined, 0);
|
|
55
|
-
}
|
|
56
|
-
}, ref: (el) => {
|
|
57
|
-
if (el) {
|
|
58
|
-
inputRefs.current[index] = el;
|
|
59
|
-
}
|
|
60
|
-
}, onChange: (event) => onChange(event, index), value: pin[index] || '' }, index))) }) }));
|
|
61
|
-
};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import './input.styles.css';
|
|
3
|
-
interface PinInputGridProps {
|
|
4
|
-
title: string;
|
|
5
|
-
hasError?: any;
|
|
6
|
-
errorMsg?: string;
|
|
7
|
-
defaultMsg?: string;
|
|
8
|
-
className?: string;
|
|
9
|
-
disable?: boolean;
|
|
10
|
-
name?: string;
|
|
11
|
-
defaultPin: Array<number | undefined>;
|
|
12
|
-
onPinChanged: (item: any, index: number) => void;
|
|
13
|
-
}
|
|
14
|
-
export declare const InputPin: React.FC<PinInputGridProps>;
|
|
15
|
-
export {};
|
|
16
|
-
//# sourceMappingURL=input-pin.component.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"input-pin.component.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/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"}
|
|
@@ -1,76 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
/* eslint-disable */
|
|
3
|
-
import { useRef, useState } from 'react';
|
|
4
|
-
import './input.styles.css';
|
|
5
|
-
import s from '../../tc.module.css';
|
|
6
|
-
import { cn } from '../../utils';
|
|
7
|
-
export const InputPin = ({ title, className, defaultPin, errorMsg, defaultMsg, hasError, onPinChanged, }) => {
|
|
8
|
-
const pin = useRef([]);
|
|
9
|
-
const [reload, setReload] = useState(false);
|
|
10
|
-
const pinLength = 12;
|
|
11
|
-
const Pin_Min_Value = 0;
|
|
12
|
-
const Pin_Max_Value = 9;
|
|
13
|
-
const BACKSPACE_Key = 'Backspace';
|
|
14
|
-
const inputRefs = useRef([]);
|
|
15
|
-
const removeValuesFromArray = (valuesArray, value) => {
|
|
16
|
-
const valueIndex = valuesArray.findIndex((entry) => entry === value);
|
|
17
|
-
if (valueIndex === -1) {
|
|
18
|
-
return;
|
|
19
|
-
}
|
|
20
|
-
valuesArray.splice(valueIndex, 1);
|
|
21
|
-
};
|
|
22
|
-
const changePinFocus = (pinIndex) => {
|
|
23
|
-
const ref = inputRefs.current[pinIndex];
|
|
24
|
-
if (ref) {
|
|
25
|
-
ref.focus();
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
const onChange = (event, index) => {
|
|
29
|
-
const previousValue = event.target.defaultValue;
|
|
30
|
-
const valueArray = event.target.value.split('');
|
|
31
|
-
const output = removeValuesFromArray(valueArray, previousValue);
|
|
32
|
-
const value = valueArray.pop();
|
|
33
|
-
if (!value) {
|
|
34
|
-
return;
|
|
35
|
-
}
|
|
36
|
-
const pinNumber = Number(value);
|
|
37
|
-
if (isNaN(pinNumber) || value.length === 0) {
|
|
38
|
-
return;
|
|
39
|
-
}
|
|
40
|
-
pin.current[pin.current?.length] = value;
|
|
41
|
-
setReload(!reload);
|
|
42
|
-
if (pinNumber >= Pin_Min_Value && pinNumber <= Pin_Max_Value) {
|
|
43
|
-
onPinChanged(pin.current, index);
|
|
44
|
-
if (index < pinLength - 1) {
|
|
45
|
-
changePinFocus(index + 1);
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
};
|
|
49
|
-
const onKeyDown = (event, index) => {
|
|
50
|
-
const keyboardKeyCode = event.nativeEvent.code;
|
|
51
|
-
if (keyboardKeyCode != BACKSPACE_Key)
|
|
52
|
-
return;
|
|
53
|
-
if (pin.current[index] !== undefined && keyboardKeyCode === BACKSPACE_Key) {
|
|
54
|
-
changePinFocus(index - 1);
|
|
55
|
-
}
|
|
56
|
-
if (pin.current[index] === undefined) {
|
|
57
|
-
changePinFocus(index - 1);
|
|
58
|
-
}
|
|
59
|
-
else {
|
|
60
|
-
onPinChanged(undefined, index);
|
|
61
|
-
}
|
|
62
|
-
};
|
|
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: () => {
|
|
64
|
-
if (pin.current.join('').length <= 0) {
|
|
65
|
-
changePinFocus(0);
|
|
66
|
-
}
|
|
67
|
-
}, onClick: () => {
|
|
68
|
-
if (pin.current.join('').length <= 0) {
|
|
69
|
-
onPinChanged(undefined, 0);
|
|
70
|
-
}
|
|
71
|
-
}, ref: (el) => {
|
|
72
|
-
if (el) {
|
|
73
|
-
inputRefs.current[index] = el;
|
|
74
|
-
}
|
|
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 || ''}` }))] }));
|
|
76
|
-
};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import './input.styles.css';
|
|
2
|
-
interface InputProps {
|
|
3
|
-
title: string;
|
|
4
|
-
defaultValue: string;
|
|
5
|
-
hasError?: any;
|
|
6
|
-
errorMsg?: string;
|
|
7
|
-
defaultMsg?: string;
|
|
8
|
-
className?: string;
|
|
9
|
-
disable?: boolean;
|
|
10
|
-
inputStyle?: string;
|
|
11
|
-
autoComplete?: 'off' | 'on';
|
|
12
|
-
maxlength?: number;
|
|
13
|
-
onChange: (value: any) => void;
|
|
14
|
-
onBlur?: (value: any) => void;
|
|
15
|
-
}
|
|
16
|
-
export declare const Input: ({ title, defaultValue, className, disable, hasError, errorMsg, defaultMsg, inputStyle, autoComplete, maxlength, onChange, onBlur, }: InputProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
-
export {};
|
|
18
|
-
//# sourceMappingURL=input.component.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"input.component.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/atoms/input/input.component.tsx"],"names":[],"mappings":"AAEA,OAAO,oBAAoB,CAAC;AAI5B,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,MAAM,CAAC;IACrB,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,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAC/B,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;CAC/B;AAED,eAAO,MAAM,KAAK,wIAaf,UAAU,4CAyEZ,CAAC"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
/* eslint-disable no-console */
|
|
3
|
-
import { useState } from 'react';
|
|
4
|
-
import './input.styles.css';
|
|
5
|
-
import s from '../../tc.module.css';
|
|
6
|
-
import { cn } from '../../utils';
|
|
7
|
-
export const Input = ({ title, defaultValue, className, disable, hasError, errorMsg, defaultMsg, inputStyle, autoComplete, maxlength = 40, onChange, onBlur, }) => {
|
|
8
|
-
const [value, setValue] = useState(defaultValue);
|
|
9
|
-
const onKeyUpValue = (event) => {
|
|
10
|
-
onChange(event.target.value);
|
|
11
|
-
};
|
|
12
|
-
return (_jsxs("div", { className: cn(className, s.relative), children: [_jsx("input", { "data-testid": "inputElement", type: "text", name: "name", value: value, placeholder: " ", disabled: disable, className: cn(s['pt-3'], s['pb-2'], s['bg-transparent'], s['block'], s['w-full'], s['px-0'], s['mt-0'], s['rounded-none'], s['border-0'], s['border-b'], s['appearance-none'], s['focus:outline-none'], s['focus:ring-0'], s['focus:border-gray-secondary'], s['border-gray-secondary'], s['font-arimaRegular'], inputStyle), onChange: (e) => {
|
|
13
|
-
setValue(e.target.value);
|
|
14
|
-
onChange && onChange(e.target.value);
|
|
15
|
-
}, onKeyUp: onKeyUpValue, onBlur: (e) => onBlur && onBlur(e.target.value), autoComplete: autoComplete, maxLength: maxlength }), _jsx("label", { className: cn(s['absolute'], s['duration-300'], s['top-3'], s['-z-1'], s['origin-0'], s['text-gray-dark-secondary'], s['font-arimaRegular'], s['text-md']), children: title }), hasError && hasError?.type !== 'required' && (_jsx("span", { className: cn(s['text-sm'], s['text-red'], s['text-4xs']), id: "error", children: `${errorMsg || ''}` })), (!hasError || hasError?.type === 'required') && (_jsx("span", { className: cn(s['text-sm'], s['text-4xs']), id: "error", children: `${defaultMsg || ''}` }))] }));
|
|
16
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
interface InputDropdownProps {
|
|
2
|
-
title: string;
|
|
3
|
-
items: Array<string>;
|
|
4
|
-
hasError?: boolean;
|
|
5
|
-
className?: string;
|
|
6
|
-
onChange?: (item: string) => void;
|
|
7
|
-
}
|
|
8
|
-
export declare const InputDropdown: ({ items, className, hasError, title, onChange, }: InputDropdownProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
export {};
|
|
10
|
-
//# sourceMappingURL=input-dropdown.component.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"input-dropdown.component.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/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,4CAyIpB,CAAC"}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useState, useEffect, useRef } from 'react';
|
|
3
|
-
import s from '../../tc.module.css';
|
|
4
|
-
import { cn } from '../../utils';
|
|
5
|
-
import { Icon } from '../icons/icons.component';
|
|
6
|
-
export const InputDropdown = ({ items, className, hasError, title, onChange, }) => {
|
|
7
|
-
const [isOpen, setIsOpen] = useState(false);
|
|
8
|
-
const [value, setValue] = useState('');
|
|
9
|
-
const [filteredItems, setFilteredItems] = useState(items);
|
|
10
|
-
const useOutsideAlerter = (ref) => {
|
|
11
|
-
useEffect(() => {
|
|
12
|
-
function handleClickOutside(event) {
|
|
13
|
-
if (ref.current &&
|
|
14
|
-
!ref.current.contains(event.target) &&
|
|
15
|
-
isOpen &&
|
|
16
|
-
isOpen)
|
|
17
|
-
setIsOpen(!isOpen);
|
|
18
|
-
}
|
|
19
|
-
document.addEventListener('mousedown', handleClickOutside);
|
|
20
|
-
return () => {
|
|
21
|
-
document.removeEventListener('mousedown', handleClickOutside);
|
|
22
|
-
};
|
|
23
|
-
}, [ref]);
|
|
24
|
-
};
|
|
25
|
-
const handleInputChange = (event) => {
|
|
26
|
-
const inputValue = event.target.value;
|
|
27
|
-
setValue(inputValue);
|
|
28
|
-
const filtered = items.filter((item) => item.toLowerCase().includes(inputValue.toLowerCase()));
|
|
29
|
-
setFilteredItems(filtered);
|
|
30
|
-
onChange && onChange(inputValue);
|
|
31
|
-
};
|
|
32
|
-
const wrapperRef = useRef(null);
|
|
33
|
-
useOutsideAlerter(wrapperRef);
|
|
34
|
-
return (_jsxs("div", { className: cn(className, s['relative']), children: [_jsxs("div", { className: cn(s['flex'], s['flex-row'], s['items-center']), children: [_jsx("input", { type: "text", name: "name", placeholder: title, value: value, className: cn(s['pt-3'], s['pb-2'], s['w-full'], s['px-0'], s['mt-0'], s['bg-transparent'], s['border-gray-secondary'], s['border-0'], s['border-b'], s['appearance-none'], s['focus:outline-none'], s['focus:ring-0'], s['font-arimaRegular'], s['text-md']), onClick: () => {
|
|
35
|
-
setIsOpen(!isOpen);
|
|
36
|
-
}, onChange: handleInputChange }), !isOpen && (_jsx(_Fragment, { children: _jsx(Icon, { nameIcon: "MdKeyboardArrowDown", propsIcon: { size: '24', color: '#000000' }, onClick: () => {
|
|
37
|
-
setIsOpen(!isOpen);
|
|
38
|
-
} }) })), isOpen && (_jsx(Icon, { nameIcon: "MdKeyboardArrowUp", propsIcon: { size: '24', color: '#000000' }, onClick: () => {
|
|
39
|
-
setIsOpen(!isOpen);
|
|
40
|
-
} }))] }), isOpen && (_jsx("div", { className: cn(s['z-10'], s['w-full'], s['absolute'], s['text-base'], s['list-none'], s['bg-white'], s['rounded'], s['divide-y'], s['divide-gray-100'], s['shadow'], s['dark:bg-gray-700']), ref: wrapperRef, children: _jsx("ul", { className: s['py-1'], children: filteredItems?.map((item, index) => (_jsx("li", { className: cn(s['block'], s['py-2'], s['px-4'], s['text-md'], s['hover:bg-gray-100'], s['dark:hover:bg-gray-600'], s['dark:text-gray-200'], s['font-arimaRegular']), onClick: () => {
|
|
41
|
-
setValue(item);
|
|
42
|
-
setIsOpen(!isOpen);
|
|
43
|
-
}, children: item }, index))) }) })), hasError && (_jsx("span", { className: cn(s['text-primaryCharcoal'], s['text-4xs']), id: "error", children: `${title} is required` }))] }));
|
|
44
|
-
};
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export interface LoadingAnimateSpinProps {
|
|
2
|
-
classWarper?: string;
|
|
3
|
-
className?: string;
|
|
4
|
-
}
|
|
5
|
-
export declare const LoadingAnimateSpin: ({ classWarper, className, }: LoadingAnimateSpinProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
-
//# sourceMappingURL=loader.component.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"loader.component.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/atoms/loader/loader.component.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,uBAAuB;IACtC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,kBAAkB,gCAG5B,uBAAuB,4CAwBzB,CAAC"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import s from '../../tc.module.css';
|
|
3
|
-
import { cn } from '../../utils';
|
|
4
|
-
export const LoadingAnimateSpin = ({ classWarper = '', className = '', }) => {
|
|
5
|
-
return (_jsx("div", { className: cn(s.absolute, s['justify-center'], s['items-center'], classWarper), children: _jsx("div", { className: cn(s['w-10'], s['h-10'], s['border-t-2'], s['border-b-2'], s['border-blue-500'], s['rounded-full'], s['animate-spin'], className) }) }));
|
|
6
|
-
};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { Style } from '@react-pdf/types';
|
|
2
|
-
interface PdfImageProps {
|
|
3
|
-
src?: string | any;
|
|
4
|
-
style?: Style | Style[];
|
|
5
|
-
fixed?: boolean;
|
|
6
|
-
}
|
|
7
|
-
export declare const PdfImage: ({ src, style, }: PdfImageProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export {};
|
|
9
|
-
//# sourceMappingURL=pdf-images.components.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"pdf-images.components.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/atoms/pdf/pdf-images.components.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,EAAC,MAAM,kBAAkB,CAAC;AAEvC,UAAU,aAAa;IACrB,GAAG,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,QAAQ,oBAGlB,aAAa,4CAWf,CAAC"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { Image } from '@react-pdf/renderer';
|
|
3
|
-
export const PdfImage = ({ src = 'https://picsum.photos/200/300', style, }) => {
|
|
4
|
-
return (_jsx(_Fragment, { children: _jsx(Image, { style: {
|
|
5
|
-
...style,
|
|
6
|
-
}, src: src }) }));
|
|
7
|
-
};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { Style } from '@react-pdf/types';
|
|
2
|
-
interface PdfTableProps {
|
|
3
|
-
style?: Style;
|
|
4
|
-
headerStyle?: Style;
|
|
5
|
-
headerFixed?: boolean;
|
|
6
|
-
fields: Array<any>;
|
|
7
|
-
data: Array<any>;
|
|
8
|
-
}
|
|
9
|
-
export declare const PdfTable: ({ headerFixed, fields, data, style, headerStyle, }: PdfTableProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
export {};
|
|
11
|
-
//# sourceMappingURL=pdf-table.components.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"pdf-table.components.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/atoms/pdf/pdf-table.components.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,KAAK,EAAC,MAAM,kBAAkB,CAAC;AAqCvC,UAAU,aAAa;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACnB,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;CAClB;AAED,eAAO,MAAM,QAAQ,uDAMlB,aAAa,4CAiEf,CAAC"}
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Text, View, StyleSheet } from '@react-pdf/renderer';
|
|
3
|
-
import { PdfSmall } from './pdf-typography.components';
|
|
4
|
-
import { PdfBorderView } from './pdf-wrapped-view.components';
|
|
5
|
-
const styles = StyleSheet.create({
|
|
6
|
-
table: {
|
|
7
|
-
borderColor: '#000000',
|
|
8
|
-
borderWidth: 1,
|
|
9
|
-
marginHorizontal: 20,
|
|
10
|
-
flexFlow: 1,
|
|
11
|
-
},
|
|
12
|
-
tableRow: {
|
|
13
|
-
flexDirection: 'row',
|
|
14
|
-
},
|
|
15
|
-
headerBg: {
|
|
16
|
-
backgroundColor: '#aaa',
|
|
17
|
-
borderStyle: 'solid',
|
|
18
|
-
borderColor: '#000000',
|
|
19
|
-
borderWidth: 1,
|
|
20
|
-
},
|
|
21
|
-
tableCellHeader: {
|
|
22
|
-
margin: 2,
|
|
23
|
-
fontSize: 10,
|
|
24
|
-
fontWeight: 'bold',
|
|
25
|
-
textAlign: 'center',
|
|
26
|
-
},
|
|
27
|
-
tableCell: {
|
|
28
|
-
margin: 2,
|
|
29
|
-
fontSize: 12,
|
|
30
|
-
},
|
|
31
|
-
textCenter: {
|
|
32
|
-
textAlign: 'center',
|
|
33
|
-
},
|
|
34
|
-
});
|
|
35
|
-
export const PdfTable = ({ headerFixed = false, fields, data, style, headerStyle, }) => (_jsxs(View, { style: [styles.table, { ...style }], children: [_jsx(View, { style: [styles.tableRow, styles.headerBg, { ...headerStyle }], fixed: headerFixed, children: fields.map((item, index) => (_jsx(View, { style: [{ width: item.width + '%' }], children: _jsx(Text, { style: [styles.tableCellHeader], children: item?.title }) }, index))) }), data?.map((item, index) => (_jsx(View, { style: styles.tableRow, children: Object.entries(item).map((_item, _idx) => (_jsx(PdfBorderView, { style: {
|
|
36
|
-
width: fields[_idx]?.width + '%',
|
|
37
|
-
borderStyle: 'solid',
|
|
38
|
-
}, mh: 0, mv: 0, p: 0, bw: 1, borderColor: "#000000", children: typeof _item[1] == 'object' ? (_jsxs(_Fragment, { children: [_jsx(PdfSmall, { style: { textAlign: 'center' }, children: _item[1]?.panelDesc
|
|
39
|
-
? `Panel Description : ${_item[1]?.panelDesc} \n`
|
|
40
|
-
: '' }), _jsx(PdfSmall, { style: { textAlign: 'center' }, children: _item[1]?.panelMethodName
|
|
41
|
-
? `Panel Method Name: ${_item[1]?.panelMethodName} \n`
|
|
42
|
-
: '' }), _jsx(PdfSmall, { style: { textAlign: 'center' }, children: _item[1]?.testMethodName
|
|
43
|
-
? `Test Method Name: ${_item[1]?.testMethodName} \n`
|
|
44
|
-
: '' }), _jsx(PdfSmall, { style: { textAlign: 'center' }, children: _item[1]?.analyteDesc
|
|
45
|
-
? `Analyte Description: ${_item[1]?.analyteDesc} \n`
|
|
46
|
-
: '' }), _jsx(PdfSmall, { style: { textAlign: 'center' }, children: _item[1]?.analyteMethodName
|
|
47
|
-
? `Analyte Method Name: ${_item[1]?.analyteMethodName}`
|
|
48
|
-
: '' })] })) : (_jsx(PdfSmall, { style: { textAlign: 'center' }, children: _item[1] || '' })) }, _idx))) }, index)))] }));
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Style } from '@react-pdf/types';
|
|
3
|
-
interface PdfTextProps {
|
|
4
|
-
fontWeight?: 'bold' | 'medium' | 'normal';
|
|
5
|
-
fontSize?: number;
|
|
6
|
-
fontFamily?: 'ArimaRegular' | 'ArimaBold' | string;
|
|
7
|
-
textAlign?: 'center' | 'left' | 'right';
|
|
8
|
-
style?: Style | Style[];
|
|
9
|
-
lineHeight?: number;
|
|
10
|
-
bottom?: number;
|
|
11
|
-
fixed?: boolean;
|
|
12
|
-
children?: React.ReactNode;
|
|
13
|
-
}
|
|
14
|
-
export declare const PdfHeading: ({ fontWeight, fontSize, fontFamily, style, children, }: PdfTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
export declare const PdfSubHeading: ({ fontWeight, fontSize, fontFamily, style, children, }: PdfTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
-
export declare const PdfMedium: ({ fontWeight, fontSize, textAlign, fontFamily, style, children, }: PdfTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
-
export declare const PdfRegular: ({ fontWeight, fontSize, textAlign, fontFamily, style, children, }: PdfTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
-
export declare const PdfSmall: ({ fontSize, fontFamily, fontWeight, textAlign, lineHeight, fixed, style, children, }: PdfTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
19
|
-
export declare const PdfPageNumber: ({ style, bottom }: PdfTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
|
-
export {};
|
|
21
|
-
//# sourceMappingURL=pdf-typography.components.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"pdf-typography.components.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/atoms/pdf/pdf-typography.components.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,KAAK,EAAC,MAAM,kBAAkB,CAAC;AAkBvC,UAAU,YAAY;IACpB,UAAU,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,cAAc,GAAG,WAAW,GAAG,MAAM,CAAC;IACnD,SAAS,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACxC,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,UAAU,2DAMpB,YAAY,4CAad,CAAC;AAEF,eAAO,MAAM,aAAa,2DAMvB,YAAY,4CAad,CAAC;AAEF,eAAO,MAAM,SAAS,sEAOnB,YAAY,4CAcd,CAAC;AAEF,eAAO,MAAM,UAAU,sEAOpB,YAAY,4CAcd,CAAC;AAEF,eAAO,MAAM,QAAQ,yFASlB,YAAY,4CAgBd,CAAC;AAEF,eAAO,MAAM,aAAa,sBAA0B,YAAY,4CAiB/D,CAAC"}
|
|
@@ -1,70 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Text, Font } from '@react-pdf/renderer';
|
|
3
|
-
Font.register({
|
|
4
|
-
family: 'ArimaBold',
|
|
5
|
-
fonts: [
|
|
6
|
-
{
|
|
7
|
-
src: '../../../library/assets/fonts/arima/arima-bold.ttf',
|
|
8
|
-
fontStyle: 'normal',
|
|
9
|
-
fontWeight: 'bold',
|
|
10
|
-
},
|
|
11
|
-
],
|
|
12
|
-
});
|
|
13
|
-
Font.register({
|
|
14
|
-
family: 'ArimaRegular',
|
|
15
|
-
src: '../../../library/assets/fonts/arima/arima-regular.ttf',
|
|
16
|
-
});
|
|
17
|
-
export const PdfHeading = ({ fontWeight = 'bold', fontSize = 22, fontFamily = 'ArimaRegular', style, children, }) => {
|
|
18
|
-
return (_jsx(Text, { style: {
|
|
19
|
-
fontWeight: fontWeight,
|
|
20
|
-
fontSize: fontSize,
|
|
21
|
-
fontFamily: fontFamily,
|
|
22
|
-
...style,
|
|
23
|
-
}, children: children }));
|
|
24
|
-
};
|
|
25
|
-
export const PdfSubHeading = ({ fontWeight = 'bold', fontSize = 20, fontFamily = 'ArimaRegular', style, children, }) => {
|
|
26
|
-
return (_jsx(Text, { style: {
|
|
27
|
-
fontWeight: fontWeight,
|
|
28
|
-
fontSize: fontSize,
|
|
29
|
-
fontFamily: fontFamily,
|
|
30
|
-
...style,
|
|
31
|
-
}, children: children }));
|
|
32
|
-
};
|
|
33
|
-
export const PdfMedium = ({ fontWeight = 'medium', fontSize = 16, textAlign = 'left', fontFamily = 'ArimaRegular', style, children, }) => {
|
|
34
|
-
return (_jsx(Text, { style: {
|
|
35
|
-
fontWeight: fontWeight,
|
|
36
|
-
fontSize: fontSize,
|
|
37
|
-
fontFamily: fontFamily,
|
|
38
|
-
textAlign: textAlign,
|
|
39
|
-
...style,
|
|
40
|
-
}, children: children }));
|
|
41
|
-
};
|
|
42
|
-
export const PdfRegular = ({ fontWeight = 'normal', fontSize = 12, textAlign = 'left', fontFamily = 'ArimaRegular', style, children, }) => {
|
|
43
|
-
return (_jsx(Text, { style: {
|
|
44
|
-
fontWeight: fontWeight,
|
|
45
|
-
fontSize: fontSize,
|
|
46
|
-
fontFamily: fontFamily,
|
|
47
|
-
textAlign: textAlign,
|
|
48
|
-
...style,
|
|
49
|
-
}, children: children }));
|
|
50
|
-
};
|
|
51
|
-
export const PdfSmall = ({ fontSize = 10, fontFamily = 'ArimaRegular', fontWeight = 'normal', textAlign = 'left', lineHeight = 0, fixed = false, style, children, }) => {
|
|
52
|
-
return (_jsx(Text, { style: {
|
|
53
|
-
fontSize: fontSize,
|
|
54
|
-
fontFamily: fontFamily,
|
|
55
|
-
fontWeight: fontWeight,
|
|
56
|
-
lineHeight: lineHeight,
|
|
57
|
-
textAlign: textAlign,
|
|
58
|
-
...style,
|
|
59
|
-
}, fixed: fixed, children: children }));
|
|
60
|
-
};
|
|
61
|
-
export const PdfPageNumber = ({ style, bottom = 55 }) => {
|
|
62
|
-
return (_jsx(Text, { style: {
|
|
63
|
-
position: 'absolute',
|
|
64
|
-
bottom: bottom,
|
|
65
|
-
right: 14,
|
|
66
|
-
fontSize: 10,
|
|
67
|
-
color: 'black',
|
|
68
|
-
...style,
|
|
69
|
-
}, render: ({ pageNumber, totalPages }) => `Page ${pageNumber} of ${totalPages}`, fixed: true }));
|
|
70
|
-
};
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Style } from '@react-pdf/types';
|
|
3
|
-
interface PdfViewProps {
|
|
4
|
-
mh?: number;
|
|
5
|
-
mt?: number;
|
|
6
|
-
mv?: number;
|
|
7
|
-
p?: number;
|
|
8
|
-
borderColor?: string;
|
|
9
|
-
bg?: string;
|
|
10
|
-
bw?: number;
|
|
11
|
-
height?: string | number;
|
|
12
|
-
alignItems?: 'flex-end' | 'flex-start' | 'center';
|
|
13
|
-
flexDirection?: 'row' | 'column';
|
|
14
|
-
fixed?: boolean;
|
|
15
|
-
isBreak?: boolean;
|
|
16
|
-
isWrap?: boolean;
|
|
17
|
-
style?: Style | Style[] | any;
|
|
18
|
-
children?: React.ReactNode;
|
|
19
|
-
}
|
|
20
|
-
export declare const PdfView: ({ mh, p, flexDirection, style, fixed, isBreak, alignItems, mt, isWrap, children, }: PdfViewProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
|
-
export declare const PdfBorderView: ({ mh, mv, p, borderColor, bw, style, flexDirection, fixed, isBreak, children, }: PdfViewProps) => import("react/jsx-runtime").JSX.Element;
|
|
22
|
-
interface PdfHeaderProps {
|
|
23
|
-
bg?: string;
|
|
24
|
-
p?: number;
|
|
25
|
-
alignItems?: React.CSSProperties['alignItems'] | any;
|
|
26
|
-
fixed?: boolean;
|
|
27
|
-
style?: React.CSSProperties | any;
|
|
28
|
-
children?: React.ReactNode;
|
|
29
|
-
}
|
|
30
|
-
export declare const PdfHeader: ({ bg, p, alignItems, fixed, style, children, }: PdfHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
31
|
-
export declare const PdfSubHeader: ({ bg, p, alignItems, fixed, style, children, }: PdfViewProps) => import("react/jsx-runtime").JSX.Element;
|
|
32
|
-
interface PdfFooterViewProps {
|
|
33
|
-
bottom?: number;
|
|
34
|
-
left?: number;
|
|
35
|
-
right?: number;
|
|
36
|
-
bg?: string;
|
|
37
|
-
p?: number;
|
|
38
|
-
alignItems?: React.CSSProperties['alignItems'];
|
|
39
|
-
fixed?: boolean;
|
|
40
|
-
height?: string | number;
|
|
41
|
-
style?: React.CSSProperties | any;
|
|
42
|
-
children: React.ReactNode;
|
|
43
|
-
}
|
|
44
|
-
export declare const PdfFooterView: ({ bottom, left, right, bg, p, alignItems, fixed, height, style, children, }: PdfFooterViewProps) => import("react/jsx-runtime").JSX.Element;
|
|
45
|
-
interface GridProps {
|
|
46
|
-
cols?: number;
|
|
47
|
-
bg?: 'transparent' | string;
|
|
48
|
-
style?: Style | Style[];
|
|
49
|
-
children?: React.ReactNode;
|
|
50
|
-
}
|
|
51
|
-
export declare const PdfGrid: React.FunctionComponent<GridProps>;
|
|
52
|
-
export {};
|
|
53
|
-
//# sourceMappingURL=pdf-wrapped-view.components.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"pdf-wrapped-view.components.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/atoms/pdf/pdf-wrapped-view.components.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,KAAK,EAAC,MAAM,kBAAkB,CAAC;AAEvC,UAAU,YAAY;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,UAAU,GAAG,YAAY,GAAG,QAAQ,CAAC;IAClD,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,GAAG,GAAG,CAAC;IAC9B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,OAAO,uFAWjB,YAAY,4CAkBd,CAAC;AAEF,eAAO,MAAM,aAAa,oFAWvB,YAAY,4CAkBd,CAAC;AAEF,UAAU,cAAc;IACtB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,GAAG,GAAG,CAAC;IACrD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,GAAG,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,SAAS,mDAOnB,cAAc,4CAchB,CAAC;AAEF,eAAO,MAAM,YAAY,mDAOtB,YAAY,4CAcd,CAAC;AAEF,UAAU,kBAAkB;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,GAAG,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,gFAWvB,kBAAkB,4CAYpB,CAAC;AAEF,UAAU,SAAS;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,aAAa,GAAG,MAAM,CAAC;IAC5B,KAAK,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAC,SAAS,CAetD,CAAC"}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { View } from '@react-pdf/renderer';
|
|
3
|
-
export const PdfView = ({ mh = 20, p = 2, flexDirection = 'column', style, fixed = false, isBreak = false, alignItems, mt, isWrap = true, children, }) => {
|
|
4
|
-
return (_jsx(View, { break: isBreak, style: {
|
|
5
|
-
marginHorizontal: mh,
|
|
6
|
-
marginTop: mt,
|
|
7
|
-
padding: p,
|
|
8
|
-
flexDirection: flexDirection,
|
|
9
|
-
alignItems: alignItems,
|
|
10
|
-
...style,
|
|
11
|
-
}, fixed: fixed, wrap: isWrap, children: children }));
|
|
12
|
-
};
|
|
13
|
-
export const PdfBorderView = ({ mh = 20, mv = 50, p = 2, borderColor = 'gray', bw = 2, style, flexDirection = 'column', fixed = false, isBreak = false, children, }) => {
|
|
14
|
-
return (_jsx(View, { break: isBreak, style: {
|
|
15
|
-
flexDirection: flexDirection,
|
|
16
|
-
marginHorizontal: mh,
|
|
17
|
-
marginVertical: mv,
|
|
18
|
-
padding: p,
|
|
19
|
-
borderColor: borderColor,
|
|
20
|
-
borderWidth: bw,
|
|
21
|
-
...style,
|
|
22
|
-
}, fixed: fixed, children: children }));
|
|
23
|
-
};
|
|
24
|
-
export const PdfHeader = ({ bg = 'orange', p = 10, alignItems = 'flex-start', fixed = false, style, children, }) => {
|
|
25
|
-
return (_jsx(View, { style: {
|
|
26
|
-
backgroundColor: bg,
|
|
27
|
-
alignItems: alignItems,
|
|
28
|
-
padding: p,
|
|
29
|
-
...style,
|
|
30
|
-
}, fixed: fixed, children: children }));
|
|
31
|
-
};
|
|
32
|
-
export const PdfSubHeader = ({ bg = 'yellow', p = 4, alignItems = 'flex-end', fixed = false, style, children, }) => {
|
|
33
|
-
return (_jsx(View, { style: {
|
|
34
|
-
backgroundColor: bg,
|
|
35
|
-
alignItems: alignItems,
|
|
36
|
-
padding: p,
|
|
37
|
-
...style,
|
|
38
|
-
}, fixed: fixed, children: children }));
|
|
39
|
-
};
|
|
40
|
-
export const PdfFooterView = ({ bottom = 0, left = 0, right = 0, bg = 'orange', p = 10, alignItems = 'center', fixed = false, height = '100%', style, children, }) => {
|
|
41
|
-
return (_jsx(View, { style: [
|
|
42
|
-
{ position: 'absolute', bottom, left, right, height },
|
|
43
|
-
{ backgroundColor: bg, padding: p, alignItems: alignItems, ...style },
|
|
44
|
-
], fixed: fixed, children: children }));
|
|
45
|
-
};
|
|
46
|
-
export const PdfGrid = ({ cols = 1, bg = 'white', style, children, }) => (_jsx(View, { style: {
|
|
47
|
-
width: `${100 / cols}%`,
|
|
48
|
-
backgroundColor: bg,
|
|
49
|
-
...style,
|
|
50
|
-
}, children: children }));
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
interface RadioProps {
|
|
2
|
-
title: string;
|
|
3
|
-
data: Array<any>;
|
|
4
|
-
className?: string;
|
|
5
|
-
onChange: (item: any) => void;
|
|
6
|
-
}
|
|
7
|
-
export declare const Radio: ({ title, data, className, onChange, }: RadioProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export {};
|
|
9
|
-
//# sourceMappingURL=radio.component.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"radio.component.d.ts","sourceRoot":"","sources":["../../../../../../src/core-components/src/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"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { useState } from 'react';
|
|
3
|
-
import { CheckedRadio, UncheckRadio } from '../../library/assets/svg';
|
|
4
|
-
import { InputWrapper } from '../form/form.component';
|
|
5
|
-
import s from '../../tc.module.css';
|
|
6
|
-
import { cn } from '../../utils';
|
|
7
|
-
export const Radio = ({ title = 'Source', data = [], className, onChange, }) => {
|
|
8
|
-
const [list, setList] = useState(data);
|
|
9
|
-
const width = 20;
|
|
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: () => {
|
|
11
|
-
const result = list?.map((e, i) => {
|
|
12
|
-
if (i == index)
|
|
13
|
-
return { ...e, checked: true };
|
|
14
|
-
else
|
|
15
|
-
return { ...e, checked: false };
|
|
16
|
-
});
|
|
17
|
-
setList(result);
|
|
18
|
-
onChange(result?.find((item) => item.checked));
|
|
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))) }) }));
|
|
20
|
-
};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
interface StepperProps {
|
|
2
|
-
className?: string;
|
|
3
|
-
steps: Array<string>;
|
|
4
|
-
currentStep: number;
|
|
5
|
-
onStepClick: (currentStep: any, index: any) => void;
|
|
6
|
-
}
|
|
7
|
-
export declare const Stepper: ({ className, steps, currentStep, onStepClick, }: StepperProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
export {};
|
|
9
|
-
//# sourceMappingURL=stepper.component.d.ts.map
|