react-restyle-components 0.1.35 → 0.1.36
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/README.md +3 -4
- package/lib/cjs/App.js +12 -36
- package/lib/cjs/App.test.js +8 -10
- package/lib/cjs/core-components/atoms/buttons/button.stories.js +8 -20
- package/lib/cjs/core-components/atoms/buttons/buttons.component.js +6 -17
- package/lib/cjs/core-components/atoms/buttons/buttons.test.js +14 -0
- package/lib/cjs/core-components/atoms/buttons/buttons.test.js.map +1 -0
- package/lib/cjs/core-components/atoms/check-box/checkBox.component.js +11 -27
- package/lib/cjs/core-components/atoms/check-box/checkBox.component.js.map +1 -1
- package/lib/cjs/core-components/atoms/check-box/checkBox.stories.js +9 -22
- package/lib/cjs/core-components/atoms/check-box/checkBox.test.js +14 -0
- package/lib/cjs/core-components/atoms/check-box/checkBox.test.js.map +1 -0
- package/lib/cjs/core-components/atoms/date-picker/date-picker.component.js +38 -98
- package/lib/cjs/core-components/atoms/date-picker/date-picker.component.js.map +1 -1
- package/lib/cjs/core-components/atoms/date-picker/date-picker.stories.js +8 -18
- package/lib/cjs/core-components/atoms/date-picker/date-picker.test.js +15 -0
- package/lib/cjs/core-components/atoms/date-picker/date-picker.test.js.map +1 -0
- package/lib/cjs/core-components/atoms/form/form.component.js +194 -0
- package/lib/cjs/core-components/atoms/form/form.component.js.map +1 -0
- package/lib/cjs/core-components/atoms/form/form.test.js +100 -0
- package/lib/cjs/core-components/atoms/form/form.test.js.map +1 -0
- package/lib/cjs/core-components/atoms/input/input-otp.component.js +76 -118
- package/lib/cjs/core-components/atoms/input/input-pin.component.js +94 -174
- package/lib/cjs/core-components/atoms/input/input-pin.stories.js +9 -17
- package/lib/cjs/core-components/atoms/input/input-pin.test.js +18 -0
- package/lib/cjs/core-components/atoms/input/input-pin.test.js.map +1 -0
- package/lib/cjs/core-components/atoms/input/input.component.js +13 -65
- package/lib/cjs/core-components/atoms/input/input.stories.js +7 -16
- package/lib/cjs/core-components/atoms/input/input.test.js +18 -0
- package/lib/cjs/core-components/atoms/input/input.test.js.map +1 -0
- package/lib/cjs/core-components/atoms/input-dropdown/input-dropdown.component.js +58 -134
- package/lib/cjs/core-components/atoms/input-dropdown/input-dropdown.component.js.map +1 -1
- package/lib/cjs/core-components/atoms/input-dropdown/input-dropdown.stories.js +7 -14
- package/lib/cjs/core-components/atoms/input-dropdown/input-dropdown.test.js +14 -0
- package/lib/cjs/core-components/atoms/input-dropdown/input-dropdown.test.js.map +1 -0
- package/lib/cjs/core-components/atoms/loader/loader.component.js +21 -83
- package/lib/cjs/core-components/atoms/loader/loader.stories.js +8 -14
- package/lib/cjs/core-components/atoms/loader/loader.test.js +14 -0
- package/lib/cjs/core-components/atoms/loader/loader.test.js.map +1 -0
- package/lib/cjs/core-components/atoms/radio/radio.component.js +8 -22
- package/lib/cjs/core-components/atoms/radio/radio.component.js.map +1 -1
- package/lib/cjs/core-components/atoms/radio/radio.stories.js +10 -22
- package/lib/cjs/core-components/atoms/radio/radio.test.js +14 -0
- package/lib/cjs/core-components/atoms/radio/radio.test.js.map +1 -0
- package/lib/cjs/core-components/atoms/stepper/stepper.component.js +34 -77
- package/lib/cjs/core-components/atoms/stepper/stepper.stories.js +7 -15
- package/lib/cjs/core-components/atoms/stepper/stepper.test.js +13 -0
- package/lib/cjs/core-components/atoms/stepper/stepper.test.js.map +1 -0
- package/lib/cjs/core-components/atoms/timer/timer.component.js +93 -120
- package/lib/cjs/core-components/atoms/timer/timer.component.js.map +1 -1
- package/lib/cjs/core-components/atoms/timer/timer.test.js +20 -0
- package/lib/cjs/core-components/atoms/timer/timer.test.js.map +1 -0
- package/lib/cjs/core-components/index.js +32 -35
- package/lib/cjs/core-components/index.js.map +1 -1
- package/lib/cjs/core-components/molecules/css-multiline-input/css-multiline-input.component.js +129 -0
- package/lib/cjs/core-components/molecules/css-multiline-input/css-multiline-input.component.js.map +1 -0
- package/lib/cjs/core-components/molecules/css-multiline-input/css-multiline-input.stories.js +21 -0
- package/lib/cjs/core-components/molecules/css-multiline-input/css-multiline-input.stories.js.map +1 -0
- package/lib/cjs/core-components/molecules/css-multiline-input/css-multiline-input.test.js +16 -0
- package/lib/cjs/core-components/molecules/css-multiline-input/css-multiline-input.test.js.map +1 -0
- package/lib/cjs/core-components/molecules/css-multiline-input/css-properties.js +165 -0
- package/lib/cjs/core-components/molecules/css-multiline-input/css-properties.js.map +1 -0
- package/lib/cjs/core-utils/index.js +15 -31
- package/lib/cjs/core-utils/unit-test.utils.js +6 -8
- package/lib/cjs/index.js +15 -31
- package/lib/cjs/reportWebVitals.js +29 -52
- package/lib/cjs/reportWebVitals.js.map +1 -1
- package/lib/cjs/setupTests.js +1 -1
- package/lib/esm/App.js +12 -34
- package/lib/esm/App.test.js +8 -8
- package/lib/esm/core-components/atoms/buttons/button.stories.js +7 -17
- package/lib/esm/core-components/atoms/buttons/buttons.component.js +4 -13
- package/lib/esm/core-components/atoms/buttons/buttons.test.js +9 -0
- package/lib/esm/core-components/atoms/buttons/buttons.test.js.map +1 -0
- package/lib/esm/core-components/atoms/check-box/checkBox.component.js +9 -20
- package/lib/esm/core-components/atoms/check-box/checkBox.component.js.map +1 -1
- package/lib/esm/core-components/atoms/check-box/checkBox.stories.js +8 -16
- package/lib/esm/core-components/atoms/check-box/checkBox.test.js +9 -0
- package/lib/esm/core-components/atoms/check-box/checkBox.test.js.map +1 -0
- package/lib/esm/core-components/atoms/date-picker/date-picker.component.js +20 -52
- package/lib/esm/core-components/atoms/date-picker/date-picker.component.js.map +1 -1
- package/lib/esm/core-components/atoms/date-picker/date-picker.stories.js +8 -16
- package/lib/esm/core-components/atoms/date-picker/date-picker.test.js +10 -0
- package/lib/esm/core-components/atoms/date-picker/date-picker.test.js.map +1 -0
- package/lib/esm/core-components/atoms/form/form.component.js +155 -0
- package/lib/esm/core-components/atoms/form/form.component.js.map +1 -0
- package/lib/esm/core-components/atoms/form/form.test.js +95 -0
- package/lib/esm/core-components/atoms/form/form.test.js.map +1 -0
- package/lib/esm/core-components/atoms/input/input-otp.component.js +59 -80
- package/lib/esm/core-components/atoms/input/input-pin.component.js +77 -136
- package/lib/esm/core-components/atoms/input/input-pin.stories.js +8 -14
- package/lib/esm/core-components/atoms/input/input-pin.test.js +13 -0
- package/lib/esm/core-components/atoms/input/input-pin.test.js.map +1 -0
- package/lib/esm/core-components/atoms/input/input.component.js +12 -62
- package/lib/esm/core-components/atoms/input/input.stories.js +6 -13
- package/lib/esm/core-components/atoms/input/input.test.js +13 -0
- package/lib/esm/core-components/atoms/input/input.test.js.map +1 -0
- package/lib/esm/core-components/atoms/input-dropdown/input-dropdown.component.js +37 -96
- package/lib/esm/core-components/atoms/input-dropdown/input-dropdown.component.js.map +1 -1
- package/lib/esm/core-components/atoms/input-dropdown/input-dropdown.stories.js +6 -11
- package/lib/esm/core-components/atoms/input-dropdown/input-dropdown.test.js +9 -0
- package/lib/esm/core-components/atoms/input-dropdown/input-dropdown.test.js.map +1 -0
- package/lib/esm/core-components/atoms/loader/loader.component.js +20 -80
- package/lib/esm/core-components/atoms/loader/loader.stories.js +7 -11
- package/lib/esm/core-components/atoms/loader/loader.test.js +9 -0
- package/lib/esm/core-components/atoms/loader/loader.test.js.map +1 -0
- package/lib/esm/core-components/atoms/radio/radio.component.js +6 -12
- package/lib/esm/core-components/atoms/radio/radio.component.js.map +1 -1
- package/lib/esm/core-components/atoms/radio/radio.stories.js +9 -16
- package/lib/esm/core-components/atoms/radio/radio.test.js +9 -0
- package/lib/esm/core-components/atoms/radio/radio.test.js.map +1 -0
- package/lib/esm/core-components/atoms/stepper/stepper.component.js +32 -74
- package/lib/esm/core-components/atoms/stepper/stepper.stories.js +6 -12
- package/lib/esm/core-components/atoms/stepper/stepper.test.js +8 -0
- package/lib/esm/core-components/atoms/stepper/stepper.test.js.map +1 -0
- package/lib/esm/core-components/atoms/timer/timer.component.js +75 -81
- package/lib/esm/core-components/atoms/timer/timer.component.js.map +1 -1
- package/lib/esm/core-components/atoms/timer/timer.test.js +15 -0
- package/lib/esm/core-components/atoms/timer/timer.test.js.map +1 -0
- package/lib/esm/core-components/index.js +15 -12
- package/lib/esm/core-components/index.js.map +1 -1
- package/lib/esm/core-components/molecules/css-multiline-input/css-multiline-input.component.js +102 -0
- package/lib/esm/core-components/molecules/css-multiline-input/css-multiline-input.component.js.map +1 -0
- package/lib/esm/core-components/molecules/css-multiline-input/css-multiline-input.stories.js +14 -0
- package/lib/esm/core-components/molecules/css-multiline-input/css-multiline-input.stories.js.map +1 -0
- package/lib/esm/core-components/molecules/css-multiline-input/css-multiline-input.test.js +11 -0
- package/lib/esm/core-components/molecules/css-multiline-input/css-multiline-input.test.js.map +1 -0
- package/lib/esm/core-components/molecules/css-multiline-input/css-properties.js +162 -0
- package/lib/esm/core-components/molecules/css-multiline-input/css-properties.js.map +1 -0
- package/lib/esm/core-utils/index.js +2 -2
- package/lib/esm/core-utils/unit-test.utils.js +5 -5
- package/lib/esm/index.js +2 -2
- package/lib/esm/reportWebVitals.js +10 -10
- package/lib/esm/reportWebVitals.js.map +1 -1
- package/lib/esm/setupTests.js +2 -2
- package/package.json +32 -21
- package/lib/cjs/core-components/atoms/buttons/buttons.component.test.js +0 -22
- package/lib/cjs/core-components/atoms/buttons/buttons.component.test.js.map +0 -1
- package/lib/cjs/core-components/atoms/check-box/checkBox.component.test.js +0 -21
- package/lib/cjs/core-components/atoms/check-box/checkBox.component.test.js.map +0 -1
- package/lib/cjs/core-components/atoms/date-picker/date-picker.component.test.js +0 -23
- package/lib/cjs/core-components/atoms/date-picker/date-picker.component.test.js.map +0 -1
- package/lib/cjs/core-components/atoms/input/input-pin.component.test.js +0 -36
- package/lib/cjs/core-components/atoms/input/input-pin.component.test.js.map +0 -1
- package/lib/cjs/core-components/atoms/input/input.component.test.js +0 -38
- package/lib/cjs/core-components/atoms/input/input.component.test.js.map +0 -1
- package/lib/cjs/core-components/atoms/input-dropdown/input-dropdown.component.test.js +0 -23
- package/lib/cjs/core-components/atoms/input-dropdown/input-dropdown.component.test.js.map +0 -1
- package/lib/cjs/core-components/atoms/loader/loader.component.test.js +0 -18
- package/lib/cjs/core-components/atoms/loader/loader.component.test.js.map +0 -1
- package/lib/cjs/core-components/atoms/radio/radio.component.test.js +0 -21
- package/lib/cjs/core-components/atoms/radio/radio.component.test.js.map +0 -1
- package/lib/cjs/core-components/atoms/stepper/stepper.component.test.js +0 -22
- package/lib/cjs/core-components/atoms/stepper/stepper.component.test.js.map +0 -1
- package/lib/cjs/core-components/atoms/timer/timer.component.test.js +0 -30
- package/lib/cjs/core-components/atoms/timer/timer.component.test.js.map +0 -1
- package/lib/esm/core-components/atoms/buttons/buttons.component.test.js +0 -15
- package/lib/esm/core-components/atoms/buttons/buttons.component.test.js.map +0 -1
- package/lib/esm/core-components/atoms/check-box/checkBox.component.test.js +0 -11
- package/lib/esm/core-components/atoms/check-box/checkBox.component.test.js.map +0 -1
- package/lib/esm/core-components/atoms/date-picker/date-picker.component.test.js +0 -16
- package/lib/esm/core-components/atoms/date-picker/date-picker.component.test.js.map +0 -1
- package/lib/esm/core-components/atoms/input/input-pin.component.test.js +0 -29
- package/lib/esm/core-components/atoms/input/input-pin.component.test.js.map +0 -1
- package/lib/esm/core-components/atoms/input/input.component.test.js +0 -31
- package/lib/esm/core-components/atoms/input/input.component.test.js.map +0 -1
- package/lib/esm/core-components/atoms/input-dropdown/input-dropdown.component.test.js +0 -16
- package/lib/esm/core-components/atoms/input-dropdown/input-dropdown.component.test.js.map +0 -1
- package/lib/esm/core-components/atoms/loader/loader.component.test.js +0 -9
- package/lib/esm/core-components/atoms/loader/loader.component.test.js.map +0 -1
- package/lib/esm/core-components/atoms/radio/radio.component.test.js +0 -11
- package/lib/esm/core-components/atoms/radio/radio.component.test.js.map +0 -1
- package/lib/esm/core-components/atoms/stepper/stepper.component.test.js +0 -15
- package/lib/esm/core-components/atoms/stepper/stepper.component.test.js.map +0 -1
- package/lib/esm/core-components/atoms/timer/timer.component.test.js +0 -15
- package/lib/esm/core-components/atoms/timer/timer.component.test.js.map +0 -1
package/lib/esm/App.js
CHANGED
|
@@ -1,37 +1,15 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import logo from
|
|
3
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import logo from './logo.svg';
|
|
3
|
+
import './App.css';
|
|
4
4
|
function App() {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
className: "App-logo",
|
|
14
|
-
alt: "logo",
|
|
15
|
-
}),
|
|
16
|
-
React.createElement(
|
|
17
|
-
"p",
|
|
18
|
-
null,
|
|
19
|
-
"Edit ",
|
|
20
|
-
React.createElement("code", null, "src/App.tsx"),
|
|
21
|
-
" and save to reload."
|
|
22
|
-
),
|
|
23
|
-
React.createElement(
|
|
24
|
-
"a",
|
|
25
|
-
{
|
|
26
|
-
className: "App-link",
|
|
27
|
-
href: "https://reactjs.org",
|
|
28
|
-
target: "_blank",
|
|
29
|
-
rel: "noopener noreferrer",
|
|
30
|
-
},
|
|
31
|
-
"Learn React"
|
|
32
|
-
)
|
|
33
|
-
)
|
|
34
|
-
);
|
|
5
|
+
return (React.createElement("div", { className: "App" },
|
|
6
|
+
React.createElement("header", { className: "App-header" },
|
|
7
|
+
React.createElement("img", { src: logo, className: "App-logo", alt: "logo" }),
|
|
8
|
+
React.createElement("p", null,
|
|
9
|
+
"Edit ",
|
|
10
|
+
React.createElement("code", null, "src/App.tsx"),
|
|
11
|
+
" and save to reload."),
|
|
12
|
+
React.createElement("a", { className: "App-link", href: "https://reactjs.org", target: "_blank", rel: "noopener noreferrer" }, "Learn React"))));
|
|
35
13
|
}
|
|
36
14
|
export default App;
|
|
37
|
-
//# sourceMappingURL=App.js.map
|
|
15
|
+
//# sourceMappingURL=App.js.map
|
package/lib/esm/App.test.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { render, screen } from
|
|
3
|
-
import App from
|
|
4
|
-
test(
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { render, screen } from '@testing-library/react';
|
|
3
|
+
import App from './App';
|
|
4
|
+
test('renders learn react link', () => {
|
|
5
|
+
render(React.createElement(App, null));
|
|
6
|
+
const linkElement = screen.getByText(/learn react/i);
|
|
7
|
+
expect(linkElement).toBeInTheDocument();
|
|
8
8
|
});
|
|
9
|
-
//# sourceMappingURL=App.test.js.map
|
|
9
|
+
//# sourceMappingURL=App.test.js.map
|
|
@@ -1,21 +1,11 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { Button } from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Button } from './buttons.component';
|
|
3
3
|
// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
|
|
4
4
|
export default {
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
title: 'Atoms/Button',
|
|
6
|
+
component: Button,
|
|
7
7
|
};
|
|
8
8
|
// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
|
|
9
|
-
export const Disable = () =>
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
{ className: "bg-gray-light w-40", onClick: () => {} },
|
|
13
|
-
"Next"
|
|
14
|
-
);
|
|
15
|
-
export const Primary = () =>
|
|
16
|
-
React.createElement(
|
|
17
|
-
Button,
|
|
18
|
-
{ className: "bg-orange mt-4", onClick: () => {} },
|
|
19
|
-
"Permanent Address"
|
|
20
|
-
);
|
|
21
|
-
//# sourceMappingURL=button.stories.js.map
|
|
9
|
+
export const Disable = () => (React.createElement(Button, { className: "bg-gray-light w-40", onClick: () => { } }, "Next"));
|
|
10
|
+
export const Primary = () => (React.createElement(Button, { className: "bg-orange mt-4", onClick: () => { } }, "Permanent Address"));
|
|
11
|
+
//# sourceMappingURL=button.stories.js.map
|
|
@@ -1,14 +1,5 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
export const Button = ({ className, disable, onClick, children }) => {
|
|
3
|
-
|
|
4
|
-
"button",
|
|
5
|
-
{
|
|
6
|
-
"data-testid": "buttonElement",
|
|
7
|
-
disabled: disable,
|
|
8
|
-
className: `${className} rounded-100px px-3 py-1 text-text-base text-md pt-2 pb-2 font-nunitoSansRegular`,
|
|
9
|
-
onClick: () => onClick(),
|
|
10
|
-
},
|
|
11
|
-
children
|
|
12
|
-
);
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export const Button = ({ className, disable, onClick, children, }) => {
|
|
3
|
+
return (React.createElement("button", { "data-testid": "buttonElement", disabled: disable, className: `${className} rounded-100px px-3 py-1 text-text-base text-md pt-2 pb-2 font-nunitoSansRegular`, onClick: () => onClick() }, children));
|
|
13
4
|
};
|
|
14
|
-
//# sourceMappingURL=buttons.component.js.map
|
|
5
|
+
//# sourceMappingURL=buttons.component.js.map
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/* eslint-disable testing-library/render-result-naming-convention */
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { render } from '@core-utils';
|
|
4
|
+
import { Button } from './buttons.component';
|
|
5
|
+
it('render Button correctly', () => {
|
|
6
|
+
const button = render(React.createElement(Button, { className: "bg-gray-light w-40", onClick: () => jest.fn() }, "Permanent Address"));
|
|
7
|
+
expect(button).toMatchSnapshot();
|
|
8
|
+
});
|
|
9
|
+
//# sourceMappingURL=buttons.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"buttons.test.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/buttons/buttons.test.tsx"],"names":[],"mappings":"AAAA,oEAAoE;AACpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AACnC,OAAO,EAAC,MAAM,EAAC,MAAM,qBAAqB,CAAC;AAE3C,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACjC,MAAM,MAAM,GAAG,MAAM,CACnB,oBAAC,MAAM,IAAC,SAAS,EAAC,oBAAoB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,wBAEtD,CACV,CAAC;IACF,MAAM,CAAC,MAAM,CAAC,CAAC,eAAe,EAAE,CAAC;AACnC,CAAC,CAAC,CAAC"}
|
|
@@ -1,22 +1,11 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { ReactComponent as UnCheckbox } from
|
|
3
|
-
import { ReactComponent as CheckedBox } from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ReactComponent as UnCheckbox } from '../../../library/assets/svg/unCheckbox.svg';
|
|
3
|
+
import { ReactComponent as CheckedBox } from '../../../library/assets/svg/checkedBox.svg';
|
|
4
4
|
export const CheckBox = ({ className, checked, onChange }) => {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
"div",
|
|
11
|
-
{ className: `${className} flex flex-row mr-2`, onClick: hanleClick },
|
|
12
|
-
checked
|
|
13
|
-
? React.createElement(CheckedBox, {
|
|
14
|
-
width: width,
|
|
15
|
-
height: width,
|
|
16
|
-
fill: "#E7503D",
|
|
17
|
-
stroke: "E7503D",
|
|
18
|
-
})
|
|
19
|
-
: React.createElement(UnCheckbox, { width: width, height: width })
|
|
20
|
-
);
|
|
5
|
+
const width = 20;
|
|
6
|
+
const hanleClick = () => {
|
|
7
|
+
onChange();
|
|
8
|
+
};
|
|
9
|
+
return (React.createElement("div", { className: `${className} flex flex-row mr-2`, onClick: hanleClick }, checked ? (React.createElement(CheckedBox, { width: width, height: width, fill: "#E7503D", stroke: "E7503D" })) : (React.createElement(UnCheckbox, { width: width, height: width }))));
|
|
21
10
|
};
|
|
22
|
-
//# sourceMappingURL=checkBox.component.js.map
|
|
11
|
+
//# sourceMappingURL=checkBox.component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"checkBox.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/check-box/checkBox.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,cAAc,IAAI,UAAU,EAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"checkBox.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/check-box/checkBox.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,cAAc,IAAI,UAAU,EAAC,MAAM,4CAA4C,CAAC;AACxF,OAAO,EAAC,cAAc,IAAI,UAAU,EAAC,MAAM,4CAA4C,CAAC;AAQxF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAgB,EAAE,EAAE;IACxE,MAAM,KAAK,GAAG,EAAE,CAAC;IACjB,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,QAAQ,EAAE,CAAC;IACb,CAAC,CAAC;IACF,OAAO,CACL,6BAAK,SAAS,EAAE,GAAG,SAAS,sBAAsB,EAAE,OAAO,EAAE,UAAU,IACpE,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,EACb,IAAI,EAAC,SAAS,EACd,MAAM,EAAC,QAAQ,GACf,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,GAAI,CAC5C,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,20 +1,12 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { CheckBox } from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { CheckBox } from './checkBox.component';
|
|
3
3
|
// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
|
|
4
4
|
export default {
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
title: 'Atoms/CheckBox',
|
|
6
|
+
component: CheckBox,
|
|
7
7
|
};
|
|
8
8
|
// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
|
|
9
|
-
export const Primary = () =>
|
|
10
|
-
|
|
11
|
-
"
|
|
12
|
-
|
|
13
|
-
React.createElement(CheckBox, { checked: true, onChange: () => {} }),
|
|
14
|
-
React.createElement(
|
|
15
|
-
"span",
|
|
16
|
-
null,
|
|
17
|
-
"I agree and authorize MiMo to fetch my personal details from UIDAI. I confirm that I have not used the OTP-based Aadhar verification to open any other bank account. I have read and accepted all Terms & Conditions"
|
|
18
|
-
)
|
|
19
|
-
);
|
|
20
|
-
//# sourceMappingURL=checkBox.stories.js.map
|
|
9
|
+
export const Primary = () => (React.createElement("div", { className: "flex flex-row" },
|
|
10
|
+
React.createElement(CheckBox, { checked: true, onChange: () => { } }),
|
|
11
|
+
React.createElement("span", null, "I agree and authorize MiMo to fetch my personal details from UIDAI. I confirm that I have not used the OTP-based Aadhar verification to open any other bank account. I have read and accepted all Terms & Conditions")));
|
|
12
|
+
//# sourceMappingURL=checkBox.stories.js.map
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/* eslint-disable testing-library/render-result-naming-convention */
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { render } from '@core-utils';
|
|
4
|
+
import { CheckBox } from './checkBox.component';
|
|
5
|
+
it('render CheckBox correctly', () => {
|
|
6
|
+
const checkbox = render(React.createElement(CheckBox, { checked: true, onChange: () => jest.fn() }));
|
|
7
|
+
expect(checkbox).toMatchSnapshot();
|
|
8
|
+
});
|
|
9
|
+
//# sourceMappingURL=checkBox.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"checkBox.test.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/check-box/checkBox.test.tsx"],"names":[],"mappings":"AAAA,oEAAoE;AACpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AACnC,OAAO,EAAC,QAAQ,EAAC,MAAM,sBAAsB,CAAC;AAE9C,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACnC,MAAM,QAAQ,GAAG,MAAM,CACrB,oBAAC,QAAQ,IAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,GAAI,CACvD,CAAC;IACF,MAAM,CAAC,QAAQ,CAAC,CAAC,eAAe,EAAE,CAAC;AACrC,CAAC,CAAC,CAAC"}
|
|
@@ -1,53 +1,21 @@
|
|
|
1
|
-
import React, { useState, forwardRef } from
|
|
2
|
-
import DatePicker from
|
|
3
|
-
import
|
|
4
|
-
import { ReactComponent as DatePickerSvg } from
|
|
5
|
-
import dayjs from
|
|
6
|
-
export const DatePickerComp = ({
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
})
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
className:
|
|
21
|
-
" border-gray-light place-items-center border rounded-md px-2 flex flex-wrap ",
|
|
22
|
-
},
|
|
23
|
-
React.createElement(
|
|
24
|
-
"label",
|
|
25
|
-
{
|
|
26
|
-
className: "mr-3 font-nunitoSansRegular text-primaryCharcoal text-lg",
|
|
27
|
-
},
|
|
28
|
-
props.value || props.placeholder
|
|
29
|
-
),
|
|
30
|
-
React.createElement(DatePickerSvg, { width: 15, height: 15 })
|
|
31
|
-
);
|
|
32
|
-
});
|
|
33
|
-
CustomInput.displayName = "CustomInput";
|
|
34
|
-
const handleChanges = (date) => {
|
|
35
|
-
setPickedDate(date);
|
|
36
|
-
};
|
|
37
|
-
return React.createElement(
|
|
38
|
-
"div",
|
|
39
|
-
{ className: `${className} items-center flex justify-start ` },
|
|
40
|
-
React.createElement(
|
|
41
|
-
"div",
|
|
42
|
-
{ className: "flex-wrap" },
|
|
43
|
-
React.createElement(DatePicker, {
|
|
44
|
-
selected: pickedDate || new Date(),
|
|
45
|
-
dateFormat: showFormat,
|
|
46
|
-
placeholder: placeholder,
|
|
47
|
-
onChange: handleChanges,
|
|
48
|
-
customInput: React.createElement(CustomInput, null),
|
|
49
|
-
})
|
|
50
|
-
)
|
|
51
|
-
);
|
|
1
|
+
import React, { useState, forwardRef } from 'react';
|
|
2
|
+
import DatePicker from 'react-datepicker';
|
|
3
|
+
import 'react-datepicker/dist/react-datepicker.css';
|
|
4
|
+
import { ReactComponent as DatePickerSvg } from '../../../library/assets/svg/datePicker.svg';
|
|
5
|
+
import dayjs from 'dayjs';
|
|
6
|
+
export const DatePickerComp = ({ className, disable, value, showFormat = 'yyyy-MM-dd', placeholder = 'Select Date', }) => {
|
|
7
|
+
const [pickedDate, setPickedDate] = useState(value && dayjs(value).toDate());
|
|
8
|
+
const CustomInput = forwardRef((props, ref) => {
|
|
9
|
+
return (React.createElement("div", { onClick: !disable && props.onClick, ref: ref, className: " border-gray-light place-items-center border rounded-md px-2 flex flex-wrap " },
|
|
10
|
+
React.createElement("label", { className: "mr-3 font-nunitoSansRegular text-primaryCharcoal text-lg" }, props.value || props.placeholder),
|
|
11
|
+
React.createElement(DatePickerSvg, { width: 15, height: 15 })));
|
|
12
|
+
});
|
|
13
|
+
CustomInput.displayName = 'CustomInput';
|
|
14
|
+
const handleChanges = (date) => {
|
|
15
|
+
setPickedDate(date);
|
|
16
|
+
};
|
|
17
|
+
return (React.createElement("div", { className: `${className} items-center flex justify-start ` },
|
|
18
|
+
React.createElement("div", { className: "flex-wrap" },
|
|
19
|
+
React.createElement(DatePicker, { selected: pickedDate || new Date(), dateFormat: showFormat, placeholder: placeholder, onChange: handleChanges, customInput: React.createElement(CustomInput, null) }))));
|
|
52
20
|
};
|
|
53
|
-
//# sourceMappingURL=date-picker.component.js.map
|
|
21
|
+
//# sourceMappingURL=date-picker.component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-picker.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/date-picker/date-picker.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAE,UAAU,EAAC,MAAM,OAAO,CAAC;AAClD,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,4CAA4C,CAAC;AACpD,OAAO,EAAC,cAAc,IAAI,aAAa,EAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"date-picker.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/date-picker/date-picker.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAE,UAAU,EAAC,MAAM,OAAO,CAAC;AAClD,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,4CAA4C,CAAC;AACpD,OAAO,EAAC,cAAc,IAAI,aAAa,EAAC,MAAM,4CAA4C,CAAC;AAC3F,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,EACT,OAAO,EACP,KAAK,EACL,UAAU,GAAG,YAAY,EACzB,WAAW,GAAG,aAAa,GACX,EAAE,EAAE;IACpB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,EAAE,CAAC,CAAC;IAE7E,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,KAAU,EAAE,GAAQ,EAAE,EAAE;QACtD,OAAO,CACL,6BACE,OAAO,EAAE,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAClC,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,+EAA+E;YAEzF,+BAAO,SAAS,EAAC,0DAA0D,IACxE,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,WAAW,CAC3B;YACR,oBAAC,aAAa,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,CACpC,CACP,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;IAExC,MAAM,aAAa,GAAG,CAAC,IAAI,EAAE,EAAE;QAC7B,aAAa,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,GAAG,SAAS,qCAAqC;QAC/D,6BAAK,SAAS,EAAC,WAAW;YACxB,oBAAC,UAAU,IACT,QAAQ,EAAE,UAAU,IAAI,IAAI,IAAI,EAAE,EAClC,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,aAAa,EACvB,WAAW,EAAE,oBAAC,WAAW,OAAG,GAC5B,CACE,CAEF,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,20 +1,12 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
import { DatePickerComp } from
|
|
3
|
-
import dayjs from
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { DatePickerComp } from './date-picker.component';
|
|
3
|
+
import dayjs from 'dayjs';
|
|
4
4
|
// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
|
|
5
5
|
export default {
|
|
6
|
-
|
|
7
|
-
|
|
6
|
+
title: 'Atoms/DatePickerComp',
|
|
7
|
+
component: DatePickerComp,
|
|
8
8
|
};
|
|
9
9
|
// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
|
|
10
|
-
export const Primary = () =>
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
{ className: "flex flex-row" },
|
|
14
|
-
React.createElement(DatePickerComp, {
|
|
15
|
-
className: "mt-6",
|
|
16
|
-
value: dayjs().format("YYYY-MM-DD"),
|
|
17
|
-
showFormat: "dd-MM-yyyy",
|
|
18
|
-
})
|
|
19
|
-
);
|
|
20
|
-
//# sourceMappingURL=date-picker.stories.js.map
|
|
10
|
+
export const Primary = () => (React.createElement("div", { className: "flex flex-row" },
|
|
11
|
+
React.createElement(DatePickerComp, { className: "mt-6", value: dayjs().format('YYYY-MM-DD'), showFormat: 'dd-MM-yyyy' })));
|
|
12
|
+
//# sourceMappingURL=date-picker.stories.js.map
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/* eslint-disable testing-library/render-result-naming-convention */
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { render } from '@core-utils';
|
|
4
|
+
import { DatePickerComp } from './date-picker.component';
|
|
5
|
+
import dayjs from 'dayjs';
|
|
6
|
+
it('render DatePicker correctly', () => {
|
|
7
|
+
const datepicker = render(React.createElement(DatePickerComp, { className: "mt-6", value: dayjs().format('YYYY-MM-DD'), showFormat: 'dd-MM-yyyy' }));
|
|
8
|
+
expect(datepicker).toMatchSnapshot();
|
|
9
|
+
});
|
|
10
|
+
//# sourceMappingURL=date-picker.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"date-picker.test.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/date-picker/date-picker.test.tsx"],"names":[],"mappings":"AAAA,oEAAoE;AACpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AACnC,OAAO,EAAC,cAAc,EAAC,MAAM,yBAAyB,CAAC;AACvD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;IACrC,MAAM,UAAU,GAAG,MAAM,CACvB,oBAAC,cAAc,IACb,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,KAAK,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,EACnC,UAAU,EAAE,YAAY,GACxB,CACH,CAAC;IACF,MAAM,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;AACvC,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
import React, { useState, useEffect } from 'react';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
export const Label = (props) => (React.createElement(React.Fragment, null,
|
|
4
|
+
React.createElement("label", { htmlFor: props.htmlFor, className: `${props.hasError ? 'text-red-400' : 'text-current'} block text-3xs font-medium mb-1`, style: Object.assign({}, props.style) }, props.children)));
|
|
5
|
+
export const InputWrapper = (props) => (React.createElement("div", { className: props.className, ref: props.ref },
|
|
6
|
+
React.createElement(Label, { htmlFor: props.id || '', hasError: props.hasError, style: Object.assign({}, props.style) },
|
|
7
|
+
React.createElement("span", { className: "dark:text-white w-10" }, props.label)),
|
|
8
|
+
props.children));
|
|
9
|
+
export const Input = React.forwardRef((props, ref) => {
|
|
10
|
+
const handleKeyPress = (e) => {
|
|
11
|
+
const key = e.key;
|
|
12
|
+
const regex = props.pattern;
|
|
13
|
+
if (regex && !(regex === null || regex === void 0 ? void 0 : regex.test(key))) {
|
|
14
|
+
e.preventDefault();
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
return (React.createElement(InputWrapper, { label: props.label, id: props.id, hasError: props.hasError, style: props.wrapperStyle, className: props.labelClassName },
|
|
18
|
+
React.createElement("input", { type: props.type || 'text', id: props.id, ref: props.inputRef, "data-testid": "INPT", autoFocus: (props === null || props === void 0 ? void 0 : props.isAutoFocus) || false, name: props.name, style: props.style, defaultValue: props.defaultValue, placeholder: props.placeholder, required: props.required || false, disabled: props.disabled || false, autoComplete: "given-name", maxLength: props.maxLength, value: props.value, onChange: (e) => props.onChange && props.onChange(e.target.value), onKeyPress: (e) => handleKeyPress(e), className: `${props.className} leading-4 p-2 dark:bg-boxdark focus:outline-none focus:ring block w-full shadow-sm sm:text-base border-2 ${props.hasError ? 'border-red ' : 'border-gray-300'} rounded-md `, onBlur: (e) => props.onBlur && props.onBlur(e.target.value), onKeyDown: props.onKeyDown && props.onKeyDown })));
|
|
19
|
+
});
|
|
20
|
+
export const InputPassword = React.forwardRef((props, ref) => {
|
|
21
|
+
const [showPassword, setShowPassword] = useState(false);
|
|
22
|
+
const handleMouseDown = () => {
|
|
23
|
+
setShowPassword(true);
|
|
24
|
+
};
|
|
25
|
+
const handleMouseUp = () => {
|
|
26
|
+
setShowPassword(false);
|
|
27
|
+
};
|
|
28
|
+
return (React.createElement(InputWrapper, { label: props.label, id: props.id, hasError: props.hasError, style: props.wrapperStyle, className: props.labelClassName },
|
|
29
|
+
React.createElement("div", { className: "flex items-center relative" },
|
|
30
|
+
React.createElement("input", { type: showPassword ? 'text' : 'password', id: props.id, ref: props.inputRef, "data-testid": "INPT", autoFocus: (props === null || props === void 0 ? void 0 : props.isAutoFocus) || false, name: props.name, style: props.style, defaultValue: props.defaultValue, placeholder: props.placeholder, required: props.required || false, disabled: props.disabled || false, autoComplete: "given-name", maxLength: props.maxLength, value: props.value, onChange: (e) => props.onChange && props.onChange(e.target.value),
|
|
31
|
+
// onKeyPress={e => handleKeyPress(e)}
|
|
32
|
+
className: `${props.className} leading-4 p-2 focus:outline-none focus:ring block w-full shadow-sm sm:text-base border-2 ${props.hasError ? 'border-red ' : 'border-gray-300'} rounded-md dark:bg-boxdark`, onBlur: (e) => props.onBlur && props.onBlur(e.target.value), onKeyDown: props.onKeyDown && props.onKeyDown }),
|
|
33
|
+
React.createElement("div", { className: "flex absolute right-3" },
|
|
34
|
+
React.createElement("svg", { className: "h-6 dark:bg-boxdark", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 576 512", onMouseDown: handleMouseDown, onMouseUp: handleMouseUp, onMouseLeave: handleMouseUp }, showPassword ? (React.createElement("path", { fill: "currentColor", d: "M320 400c-75.85 0-137.25-58.71-142.9-133.11L72.2 185.82c-13.79 17.3-26.48 35.59-36.72 55.59a32.35 32.35 0 0 0 0 29.19C89.71 376.41 197.07 448 320 448c26.91 0 52.87-4 77.89-10.46L346 397.39a144.13 144.13 0 0 1-26 2.61zm313.82 58.1l-110.55-85.44a331.25 331.25 0 0 0 81.25-102.07 32.35 32.35 0 0 0 0-29.19C550.29 135.59 442.93 64 320 64a308.15 308.15 0 0 0-147.32 37.7L45.46 3.37A16 16 0 0 0 23 6.18L3.37 31.45A16 16 0 0 0 6.18 53.9l588.36 454.73a16 16 0 0 0 22.46-2.81l19.64-25.27a16 16 0 0 0-2.82-22.45zm-183.72-142l-39.3-30.38A94.75 94.75 0 0 0 416 256a94.76 94.76 0 0 0-121.31-92.21A47.65 47.65 0 0 1 304 192a46.64 46.64 0 0 1-1.54 10l-73.61-56.89A142.31 142.31 0 0 1 320 112a143.92 143.92 0 0 1 144 144c0 21.63-5.29 41.79-13.9 60.11z" })) : (React.createElement("path", { fill: "currentColor", d: "M572.52 241.4C518.29 135.59 410.93 64 288 64S57.68 135.64 3.48 241.41a32.35 32.35 0 0 0 0 29.19C57.71 376.41 165.07 448 288 448s230.32-71.64 284.52-177.41a32.35 32.35 0 0 0 0-29.19zM288 400a144 144 0 1 1 144-144 143.93 143.93 0 0 1-144 144zm0-240a95.31 95.31 0 0 0-25.31 3.79 47.85 47.85 0 0 1-66.9 66.9A95.78 95.78 0 1 0 288 160z" })))))));
|
|
35
|
+
});
|
|
36
|
+
export const Input1 = React.forwardRef((props, ref) => {
|
|
37
|
+
const handleKeyPress = (e) => {
|
|
38
|
+
const key = e.key;
|
|
39
|
+
const regex = props.pattern;
|
|
40
|
+
if (regex && !(regex === null || regex === void 0 ? void 0 : regex.test(key))) {
|
|
41
|
+
e.preventDefault();
|
|
42
|
+
}
|
|
43
|
+
};
|
|
44
|
+
return (React.createElement(InputWrapper, { label: props.label, id: props.id, hasError: props.hasError, style: props.wrapperStyle, className: props.labelClassName },
|
|
45
|
+
React.createElement("input", { type: props.type || 'text', id: props.id, ref: props.inputRef, "data-testid": "INPT", autoFocus: (props === null || props === void 0 ? void 0 : props.isAutoFocus) || false, name: props.name, style: props.style, defaultValue: props.defaultValue, placeholder: props.placeholder, required: props.required || false, disabled: props.disabled || false, autoComplete: "given-name", maxLength: props.maxLength, value: props.value, onChange: (e) => props.onChange && props.onChange(e.target.value), onKeyPress: (e) => handleKeyPress(e), className: `${props.className} leading-4 p-2 focus:outline-none focus:ring block w-full shadow-sm sm:text-base border-2 ${props.hasError ? 'border-red ' : 'border-gray-300'} rounded-md dark:text-black`, onBlur: (e) => props.onBlur && props.onBlur(e), onKeyDown: props.onKeyDown })));
|
|
46
|
+
});
|
|
47
|
+
export const Input2 = React.forwardRef((props, ref) => {
|
|
48
|
+
const [isBlur, setIsBlur] = useState(true);
|
|
49
|
+
const handleKeyPress = (e) => {
|
|
50
|
+
const key = e.key;
|
|
51
|
+
const regex = props.pattern;
|
|
52
|
+
if (regex && !(regex === null || regex === void 0 ? void 0 : regex.test(key))) {
|
|
53
|
+
e.preventDefault();
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
const handleBlur = (value) => {
|
|
57
|
+
props.onBlur && isBlur && props.onBlur(value);
|
|
58
|
+
};
|
|
59
|
+
return (React.createElement(InputWrapper, { label: props.label, id: props.id, hasError: props.hasError, style: props.wrapperStyle, className: props.labelClassName },
|
|
60
|
+
React.createElement("input", { type: props.type || 'text', id: props.id, ref: props.inputRef, "data-testid": "INPT", autoFocus: (props === null || props === void 0 ? void 0 : props.isAutoFocus) || false, name: props.name, style: props.style, defaultValue: props.defaultValue, placeholder: props.placeholder, required: props.required || false, disabled: props.disabled || false, autoComplete: "given-name", maxLength: props.maxLength, value: props.value, onChange: (e) => {
|
|
61
|
+
setIsBlur(true);
|
|
62
|
+
props.onChange && props.onChange(e.target.value);
|
|
63
|
+
}, onKeyPress: (e) => handleKeyPress(e), className: `${props.className} leading-4 p-2 focus:outline-none focus:ring block w-full shadow-sm sm:text-base border-2 ${props.hasError ? 'border-red ' : 'border-gray-300'} rounded-md dark:text-black`, onKeyDown: (e) => {
|
|
64
|
+
if (e.keyCode == 13) {
|
|
65
|
+
setIsBlur(false);
|
|
66
|
+
props.onBlur && props.onBlur(e.target.value);
|
|
67
|
+
}
|
|
68
|
+
props.onKeyDown && props.onKeyDown(e);
|
|
69
|
+
}, onBlur: (e) => {
|
|
70
|
+
handleBlur(e.target.value);
|
|
71
|
+
} })));
|
|
72
|
+
});
|
|
73
|
+
export const MultilineInput = (props) => (React.createElement(InputWrapper, { label: props.label, id: props.id, className: props.className },
|
|
74
|
+
React.createElement("textarea", { id: props.id, autoComplete: "given-name", value: props.value, disabled: props.disabled, style: props.style, rows: props.rows, onKeyUp: props.onKeyUp && props.onKeyUp, placeholder: props.placeholder, onChange: (e) => props.onChange && props.onChange(e.target.value), onBlur: (e) => props.onBlur && props.onBlur(e.target.value), className: `leading-4 p-2 focus:outline-none focus:ring block w-full shadow-sm sm:text-base border-2 ${props.hasError ? 'border-red ' : 'border-gray-300'} rounded-md dark:bg-boxdark`, defaultValue: props.defaultValue })));
|
|
75
|
+
export const MultilineInput1 = (props) => (React.createElement(InputWrapper, { label: props.label, id: props.id, className: props.className },
|
|
76
|
+
React.createElement("textarea", { id: props.id, autoComplete: "given-name", value: props.value, disabled: props.disabled, style: props.style, rows: props.rows, placeholder: props.placeholder, onChange: (e) => props.onChange && props.onChange(e.target.value), onBlur: (e) => props.onBlur && props.onBlur(e), className: `leading-4 p-2 focus:outline-none focus:ring block w-full shadow-sm sm:text-base border-2 ${props.hasError ? 'border-red ' : 'border-gray-300'} rounded-md`, defaultValue: props.defaultValue })));
|
|
77
|
+
export const InputRadio = (props) => {
|
|
78
|
+
var _a;
|
|
79
|
+
return (React.createElement(InputWrapper, { label: props.label, id: props.id, style: props.labelStyle }, (_a = props.values) === null || _a === void 0 ? void 0 : _a.map((item, key) => (React.createElement("div", { className: "flex items-center gap-2", key: key, onClick: () => {
|
|
80
|
+
props.onChange && props.onChange(item.value);
|
|
81
|
+
} },
|
|
82
|
+
React.createElement("input", { key: key, type: "radio", id: props.id, name: props.name, value: item.value, checked: item.value == props.value ? true : false, onChange: () => props.onChange && props.onChange(item.value), className: "w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600" }),
|
|
83
|
+
React.createElement(Label, { htmlFor: props.id || '', style: { marginTop: 6 } }, item.label))))));
|
|
84
|
+
};
|
|
85
|
+
export const InputDate = ({ name, value, placeholder, use12Hours = true, label, id, hasError, disabled, format, onChange, onFocusRemove, }) => (React.createElement(InputWrapper, { label: label, id: id, hasError: hasError },
|
|
86
|
+
React.createElement("input", { type: "date", id: id, name: name, disabled: disabled || false, value: value, onChange: (e) => onChange && onChange(e), className: `leading-4 p-2 focus:outline-none focus:ring block w-full shadow-sm sm:text-base border-2 ${hasError ? 'border-red ' : 'border-gray-300'} rounded-md` })));
|
|
87
|
+
export const CheckBox = (props) => {
|
|
88
|
+
return (React.createElement("div", null,
|
|
89
|
+
React.createElement("input", { key: props.id, onClick: props.handleCheckChieldElement, type: "checkbox", checked: props.isChecked, value: props.value }),
|
|
90
|
+
' ',
|
|
91
|
+
props.value));
|
|
92
|
+
};
|
|
93
|
+
export const InputFile = (props) => (React.createElement(InputWrapper, { label: props.label, id: props.id },
|
|
94
|
+
React.createElement("input", { type: "file", id: props.id, name: props.name, disabled: props.disabled || false, accept: props.accept, value: props.value, onChange: (e) => props.onChange && props.onChange(e), className: `leading-4 p-2 focus:outline-none focus:ring block w-full shadow-sm sm:text-base border-2 ${props.hasError ? 'border-red ' : 'border-gray-300'} rounded-md`, multiple: props.multiple })));
|
|
95
|
+
export const Toggle = (props) => {
|
|
96
|
+
const [toggle, setToggle] = useState(props.value);
|
|
97
|
+
const { onChange, disabled, className, isToggleLabel = true } = props;
|
|
98
|
+
useEffect(() => {
|
|
99
|
+
setToggle(props.value);
|
|
100
|
+
}, [props.value]);
|
|
101
|
+
const triggerToggle = () => {
|
|
102
|
+
if (disabled) {
|
|
103
|
+
return;
|
|
104
|
+
}
|
|
105
|
+
setToggle(!toggle);
|
|
106
|
+
if (typeof onChange === 'function') {
|
|
107
|
+
onChange(!toggle);
|
|
108
|
+
}
|
|
109
|
+
};
|
|
110
|
+
const toggleClasses = classNames('wrg-toggle ', {
|
|
111
|
+
'wrg-toggle--checked': toggle,
|
|
112
|
+
'wrg-toggle--disabled': disabled,
|
|
113
|
+
}, className);
|
|
114
|
+
return (React.createElement(InputWrapper, { label: props.label, id: props.id, style: props.style },
|
|
115
|
+
React.createElement("div", { onClick: triggerToggle, className: toggleClasses },
|
|
116
|
+
React.createElement("div", { className: 'wrg-toggle-container ' +
|
|
117
|
+
(toggle ? 'bg-green-700' : 'bg-black dark:bg-white') }, isToggleLabel && (React.createElement(React.Fragment, null,
|
|
118
|
+
React.createElement("div", { className: "wrg-toggle-check" },
|
|
119
|
+
React.createElement("span", { className: "text-white ml-1" }, "Yes")),
|
|
120
|
+
React.createElement("div", { className: "wrg-toggle-uncheck" },
|
|
121
|
+
React.createElement("span", { className: "dark:text-black" }, "No"))))),
|
|
122
|
+
React.createElement("div", { className: `wrg-toggle-circle dark:bg-black ${toggle ? 'ml-1' : 'mr-1'} ` }),
|
|
123
|
+
React.createElement("input", { type: "checkbox", "aria-label": "Toggle Button", className: "wrg-toggle-input" }))));
|
|
124
|
+
};
|
|
125
|
+
export const DeliveryScheduleToggle = (props) => {
|
|
126
|
+
const [toggle, setToggle] = useState(props.value);
|
|
127
|
+
const { onChange, disabled, className, isToggleLabel = true } = props;
|
|
128
|
+
useEffect(() => {
|
|
129
|
+
setToggle(props.value);
|
|
130
|
+
}, [props.value]);
|
|
131
|
+
const triggerToggle = () => {
|
|
132
|
+
if (disabled) {
|
|
133
|
+
return;
|
|
134
|
+
}
|
|
135
|
+
setToggle(!toggle);
|
|
136
|
+
if (typeof onChange === 'function') {
|
|
137
|
+
onChange(!toggle);
|
|
138
|
+
}
|
|
139
|
+
};
|
|
140
|
+
const toggleClasses = classNames('wrg-toggle1 ', {
|
|
141
|
+
'wrg-toggle--checked1': toggle,
|
|
142
|
+
'wrg-toggle--disabled1': disabled,
|
|
143
|
+
}, className);
|
|
144
|
+
return (React.createElement(InputWrapper, { label: props.label, id: props.id, style: props.style },
|
|
145
|
+
React.createElement("div", { onClick: triggerToggle, className: toggleClasses },
|
|
146
|
+
React.createElement("div", { className: 'wrg-toggle-container1 ' +
|
|
147
|
+
(toggle ? 'bg-green-700' : 'bg-black dark:bg-white') }, isToggleLabel && (React.createElement(React.Fragment, null,
|
|
148
|
+
React.createElement("div", { className: "wrg-toggle-check1" },
|
|
149
|
+
React.createElement("span", { className: "text-white ml-1" }, "Departments")),
|
|
150
|
+
React.createElement("div", { className: "wrg-toggle-uncheck1" },
|
|
151
|
+
React.createElement("span", { className: "dark:text-black" }, "Patients"))))),
|
|
152
|
+
React.createElement("div", { className: `wrg-toggle-circle1 dark:bg-black ${toggle ? 'ml-1' : 'mr-1'} ` }),
|
|
153
|
+
React.createElement("input", { type: "checkbox", "aria-label": "Toggle Button", className: "wrg-toggle-input1" }))));
|
|
154
|
+
};
|
|
155
|
+
//# sourceMappingURL=form.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"form.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/form/form.component.tsx"],"names":[],"mappings":"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"}
|