@bigbinary/neeto-atoms 1.0.10 → 1.0.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Accordion-BzfsJePA.js → Accordion-Ch9S_qd3.js} +3 -3
- package/dist/Accordion-Ch9S_qd3.js.map +1 -0
- package/dist/{ColorPicker-D-7QGnf9.js → ColorPicker-DtOvy0Gy.js} +3 -2
- package/dist/ColorPicker-DtOvy0Gy.js.map +1 -0
- package/dist/Input-C1gcv9o2.js.map +1 -1
- package/dist/MultiEmailInput-SCTYovtX.js.map +1 -1
- package/dist/RadioGroup-BNeYQAoT.js.map +1 -1
- package/dist/{Select-BGODpJGc.js → Select-TlFBcxcY.js} +7 -3
- package/dist/Select-TlFBcxcY.js.map +1 -0
- package/dist/Textarea-C0z50h0N.js.map +1 -1
- package/dist/TimePickerPanel-CiF0RExY.js.map +1 -1
- package/dist/TranslationProvider-Ba9rn47H.js.map +1 -1
- package/dist/{Tree-Dkr11OPy.js → Tree-C7r10UY5.js} +2 -2
- package/dist/{Tree-Dkr11OPy.js.map → Tree-C7r10UY5.js.map} +1 -1
- package/dist/{TreeSelect-Cmc90YWJ.js → TreeSelect-DRGcYz-6.js} +2 -2
- package/dist/{TreeSelect-Cmc90YWJ.js.map → TreeSelect-DRGcYz-6.js.map} +1 -1
- package/dist/{Typography-D5TjXEfu.js → Typography-CMJ8OveZ.js} +3 -9
- package/dist/Typography-CMJ8OveZ.js.map +1 -0
- package/dist/cjs/{Accordion-BX5I9ypV.js → Accordion-BoTckTBI.js} +3 -3
- package/dist/cjs/Accordion-BoTckTBI.js.map +1 -0
- package/dist/cjs/{ColorPicker-DEELmqH8.js → ColorPicker-Uxgn8U0h.js} +3 -2
- package/dist/cjs/ColorPicker-Uxgn8U0h.js.map +1 -0
- package/dist/cjs/Input-pkugjUb0.js.map +1 -1
- package/dist/cjs/MultiEmailInput-l0_YVjbp.js.map +1 -1
- package/dist/cjs/RadioGroup-1RAoe38m.js.map +1 -1
- package/dist/cjs/{Select-DOPZHlqc.js → Select-Br1AT_wm.js} +7 -3
- package/dist/cjs/Select-Br1AT_wm.js.map +1 -0
- package/dist/cjs/Textarea-BfdlAJ59.js.map +1 -1
- package/dist/cjs/TimePickerPanel-DGNr97cj.js.map +1 -1
- package/dist/cjs/TranslationProvider-DBZHXmzX.js.map +1 -1
- package/dist/cjs/{Tree-qpOcsGL9.js → Tree-BPd0DuLh.js} +2 -2
- package/dist/cjs/{Tree-qpOcsGL9.js.map → Tree-BPd0DuLh.js.map} +1 -1
- package/dist/cjs/{TreeSelect-DiIEdiAU.js → TreeSelect-C9nQJKNo.js} +2 -2
- package/dist/cjs/{TreeSelect-DiIEdiAU.js.map → TreeSelect-C9nQJKNo.js.map} +1 -1
- package/dist/cjs/{Typography-C3rGpmAY.js → Typography-PojQmdAY.js} +3 -28
- package/dist/cjs/Typography-PojQmdAY.js.map +1 -0
- package/dist/cjs/components/Accordion.js +1 -1
- package/dist/cjs/components/ColorPicker.js +1 -1
- package/dist/cjs/components/DropdownMenu.js.map +1 -1
- package/dist/cjs/components/Select.js +1 -1
- package/dist/cjs/components/Tree.js +6 -34
- package/dist/cjs/components/Tree.js.map +1 -1
- package/dist/cjs/components/TreeSelect.js +2 -2
- package/dist/cjs/components/Typography.js +1 -1
- package/dist/cjs/components/index.js +180 -0
- package/dist/cjs/components/index.js.map +1 -0
- package/dist/cjs/formik/ActionBlock.js +48 -0
- package/dist/cjs/formik/ActionBlock.js.map +1 -0
- package/dist/cjs/formik/BlockNavigation.js +111 -0
- package/dist/cjs/formik/BlockNavigation.js.map +1 -0
- package/dist/cjs/formik/Select.js +2 -2
- package/dist/cjs/formik/Select.js.map +1 -1
- package/dist/cjs/formik/TreeSelect.js +2 -2
- package/dist/cjs/formik/index.js +12 -3
- package/dist/cjs/formik/index.js.map +1 -1
- package/dist/cjs/index.js +10 -9
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/search-CfYUGi4v.js +37 -0
- package/dist/cjs/search-CfYUGi4v.js.map +1 -0
- package/dist/components/Accordion/Accordion.d.ts +3 -1
- package/dist/components/Accordion.js +1 -1
- package/dist/components/ColorPicker/ColorPicker.d.ts +1 -2
- package/dist/components/ColorPicker/Palette.d.ts +1 -1
- package/dist/components/ColorPicker/types.d.ts +6 -1
- package/dist/components/ColorPicker.js +1 -1
- package/dist/components/DropdownMenu/MenuItemButton.d.ts +1 -2
- package/dist/components/DropdownMenu/index.d.ts +1 -0
- package/dist/components/DropdownMenu.js.map +1 -1
- package/dist/components/Input/Input.d.ts +3 -1
- package/dist/components/MultiEmailInput/MultiEmailInput.d.ts +1 -2
- package/dist/components/RadioGroup/RadioGroup.d.ts +1 -1
- package/dist/components/RadioGroup/index.d.ts +1 -1
- package/dist/components/Select/Select.d.ts +1 -2
- package/dist/components/Select.js +1 -1
- package/dist/components/Textarea/Textarea.d.ts +3 -1
- package/dist/components/TimePicker/TimePickerPanel.d.ts +1 -2
- package/dist/components/Tree.js +2 -34
- package/dist/components/Tree.js.map +1 -1
- package/dist/components/TreeSelect.js +2 -2
- package/dist/components/Typography/Typography.d.ts +11 -4
- package/dist/components/Typography.js +1 -1
- package/dist/components/index.d.ts +36 -0
- package/dist/components/index.js +128 -0
- package/dist/components/index.js.map +1 -0
- package/dist/formik/ActionBlock.d.ts +18 -0
- package/dist/formik/ActionBlock.js +46 -0
- package/dist/formik/ActionBlock.js.map +1 -0
- package/dist/formik/BlockNavigation/BlockNavigationAlert.d.ts +23 -0
- package/dist/formik/BlockNavigation/index.d.ts +11 -0
- package/dist/formik/BlockNavigation.js +109 -0
- package/dist/formik/BlockNavigation.js.map +1 -0
- package/dist/formik/RadioGroup.d.ts +11 -0
- package/dist/formik/Select.js +2 -2
- package/dist/formik/Select.js.map +1 -1
- package/dist/formik/TreeSelect.js +2 -2
- package/dist/formik/index.d.ts +4 -0
- package/dist/formik/index.js +10 -3
- package/dist/formik/index.js.map +1 -1
- package/dist/hooks/useNavPrompt.d.ts +15 -0
- package/dist/index.js +10 -9
- package/dist/index.js.map +1 -1
- package/dist/search-BK7Ozh5_.js +33 -0
- package/dist/search-BK7Ozh5_.js.map +1 -0
- package/package.json +18 -7
- package/dist/Accordion-BzfsJePA.js.map +0 -1
- package/dist/ColorPicker-D-7QGnf9.js.map +0 -1
- package/dist/Select-BGODpJGc.js.map +0 -1
- package/dist/Typography-D5TjXEfu.js.map +0 -1
- package/dist/cjs/Accordion-BX5I9ypV.js.map +0 -1
- package/dist/cjs/ColorPicker-DEELmqH8.js.map +0 -1
- package/dist/cjs/Select-DOPZHlqc.js.map +0 -1
- package/dist/cjs/Typography-C3rGpmAY.js.map +0 -1
- package/dist/shadcn/components/typography.d.ts +0 -17
|
@@ -0,0 +1,180 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var Accordion = require('../Accordion-BoTckTBI.js');
|
|
4
|
+
var Alert = require('../Alert-BVvLyM_d.js');
|
|
5
|
+
var Avatar = require('../Avatar-CNao5gvP.js');
|
|
6
|
+
var Badge = require('../Badge-STBHzYLs.js');
|
|
7
|
+
var Button = require('../Button-Bt_AElge.js');
|
|
8
|
+
var Callout = require('../Callout-CS2U6pM7.js');
|
|
9
|
+
var Checkbox = require('../Checkbox-DOlS2oCD.js');
|
|
10
|
+
var ColorPicker = require('../ColorPicker-Uxgn8U0h.js');
|
|
11
|
+
var DataTable = require('../DataTable-CWs96k8n.js');
|
|
12
|
+
var DatePicker = require('../DatePicker-DpijPndg.js');
|
|
13
|
+
var Dialog = require('../Dialog-CtI_yWsJ.js');
|
|
14
|
+
var components_DropdownMenu = require('./DropdownMenu.js');
|
|
15
|
+
var Empty = require('../Empty-qzle6YvT.js');
|
|
16
|
+
var Input = require('../Input-pkugjUb0.js');
|
|
17
|
+
var Kbd = require('../Kbd-DHirsI--.js');
|
|
18
|
+
var Label = require('../Label-DpyfZsiT.js');
|
|
19
|
+
var MultiEmailInput = require('../MultiEmailInput-l0_YVjbp.js');
|
|
20
|
+
var Pagination = require('../Pagination-Byzt9Kmj.js');
|
|
21
|
+
var Popover = require('../Popover-LIxANoTc.js');
|
|
22
|
+
var Progress = require('../Progress-DoCxZ_ZH.js');
|
|
23
|
+
var RadioGroup = require('../RadioGroup-1RAoe38m.js');
|
|
24
|
+
var Select = require('../Select-Br1AT_wm.js');
|
|
25
|
+
var Sheet = require('../Sheet-CIhtNCBV.js');
|
|
26
|
+
var Slider = require('../Slider-jNUS9vt8.js');
|
|
27
|
+
var Spinner = require('../Spinner-DQutDMQq.js');
|
|
28
|
+
var Stepper = require('../Stepper-DCoLl2ZS.js');
|
|
29
|
+
var Switch = require('../Switch-CFf8DtB_.js');
|
|
30
|
+
var Tabs = require('../Tabs-D2247rd7.js');
|
|
31
|
+
var Textarea = require('../Textarea-BfdlAJ59.js');
|
|
32
|
+
var TimePicker = require('../TimePicker-Ba2FdT1O.js');
|
|
33
|
+
var TimePickerPanel = require('../TimePickerPanel-DGNr97cj.js');
|
|
34
|
+
var Toastr = require('../Toastr-BGp7-kmf.js');
|
|
35
|
+
var Tooltip = require('../Tooltip-CtxI7QBY.js');
|
|
36
|
+
var TranslationProvider = require('../TranslationProvider-DBZHXmzX.js');
|
|
37
|
+
var Tree = require('../Tree-BPd0DuLh.js');
|
|
38
|
+
var search = require('../search-CfYUGi4v.js');
|
|
39
|
+
var TreeSelect = require('../TreeSelect-C9nQJKNo.js');
|
|
40
|
+
var Typography = require('../Typography-PojQmdAY.js');
|
|
41
|
+
require('react/jsx-runtime');
|
|
42
|
+
require('react');
|
|
43
|
+
require('../utils-CTr7wn5d.js');
|
|
44
|
+
require('../primitives/Accordion.js');
|
|
45
|
+
require('../chevron-down-CPsWSS51.js');
|
|
46
|
+
require('../createLucideIcon-D0tRgV6l.js');
|
|
47
|
+
require('../chevron-up-BpwpBnZU.js');
|
|
48
|
+
require('../index-CGUGhyIp.js');
|
|
49
|
+
require('../index-Ch55j1or.js');
|
|
50
|
+
require('../index-D-iDn9RI.js');
|
|
51
|
+
require('../index-COPkC3I5.js');
|
|
52
|
+
require('../index-CyrAgb4H.js');
|
|
53
|
+
require('../index-CCdG4z4E.js');
|
|
54
|
+
require('../index-DMbj7vXd.js');
|
|
55
|
+
require('react-dom');
|
|
56
|
+
require('../index-BiGm7NEA.js');
|
|
57
|
+
require('../index-DcCSSgb7.js');
|
|
58
|
+
require('../index-BwAq9ba8.js');
|
|
59
|
+
require('../index-9jC1advf.js');
|
|
60
|
+
require('react-i18next');
|
|
61
|
+
require('../primitives/Dialog.js');
|
|
62
|
+
require('../button-B8XGl69v.js');
|
|
63
|
+
require('../index-BZhTddX0.js');
|
|
64
|
+
require('../index-DuNgWCXZ.js');
|
|
65
|
+
require('../dialog-Bvyrshz3.js');
|
|
66
|
+
require('../x-Brw3FJst.js');
|
|
67
|
+
require('../index-BLGrl3PF.js');
|
|
68
|
+
require('../index-Bvu9MiFi.js');
|
|
69
|
+
require('../index-lWVw05cs.js');
|
|
70
|
+
require('../index-ChSOMM8b.js');
|
|
71
|
+
require('../index-Df-Ffa3s.js');
|
|
72
|
+
require('../primitives/Avatar.js');
|
|
73
|
+
require('../index-DnKJmaCq.js');
|
|
74
|
+
require('../index-BrpkRQoS.js');
|
|
75
|
+
require('../primitives/Tooltip.js');
|
|
76
|
+
require('../tooltip-C-568jEL.js');
|
|
77
|
+
require('../index-C9ICrOhM.js');
|
|
78
|
+
require('../floating-ui.react-dom-B4Aw6O7R.js');
|
|
79
|
+
require('../index-Bf0WsHta.js');
|
|
80
|
+
require('../index-CB9xFokC.js');
|
|
81
|
+
require('../renderIcon-fLF3odqg.js');
|
|
82
|
+
require('../primitives/Badge.js');
|
|
83
|
+
require('../primitives/Button.js');
|
|
84
|
+
require('../primitives/Spinner.js');
|
|
85
|
+
require('../loader-circle-Bw7zP2Gn.js');
|
|
86
|
+
require('../primitives/Alert.js');
|
|
87
|
+
require('../triangle-alert-ZUMRpmzW.js');
|
|
88
|
+
require('../primitives/Checkbox.js');
|
|
89
|
+
require('../check-BQgcDXys.js');
|
|
90
|
+
require('../index-CF951Pw9.js');
|
|
91
|
+
require('../primitives/Field.js');
|
|
92
|
+
require('../label-Bdc9ytTI.js');
|
|
93
|
+
require('../separator-CPy2gyg1.js');
|
|
94
|
+
require('react-colorful');
|
|
95
|
+
require('../primitives/Popover.js');
|
|
96
|
+
require('../primitives/Table.js');
|
|
97
|
+
require('../primitives/Pagination.js');
|
|
98
|
+
require('../chevron-left-BldoOh5p.js');
|
|
99
|
+
require('../ellipsis-4aubOI2n.js');
|
|
100
|
+
require('../chevron-right-0jNdwX2Q.js');
|
|
101
|
+
require('../primitives/DropdownMenu.js');
|
|
102
|
+
require('../index-PdtYHwPi.js');
|
|
103
|
+
require('../index-hQmfI1O7.js');
|
|
104
|
+
require('../Calendar-Nk76Y9yP.js');
|
|
105
|
+
require('../primitives/ButtonGroup.js');
|
|
106
|
+
require('../primitives/Empty.js');
|
|
107
|
+
require('../primitives/InputGroup.js');
|
|
108
|
+
require('../input-group-DoK0-4fL.js');
|
|
109
|
+
require('../input-CgKPISj_.js');
|
|
110
|
+
require('../textarea-CZSSY75H.js');
|
|
111
|
+
require('../primitives/Kbd.js');
|
|
112
|
+
require('../primitives/Label.js');
|
|
113
|
+
require('../primitives/HoverCard.js');
|
|
114
|
+
require('../primitives/Progress.js');
|
|
115
|
+
require('../primitives/RadioGroup.js');
|
|
116
|
+
require('../SelectFieldWrapper-DEA--2wj.js');
|
|
117
|
+
require('../primitives/Combobox.js');
|
|
118
|
+
require('../with-selector-DeKHbQY7.js');
|
|
119
|
+
require('../primitives/Sheet.js');
|
|
120
|
+
require('../sheet-BZHMKVH1.js');
|
|
121
|
+
require('../primitives/Slider.js');
|
|
122
|
+
require('../index-EyWRfsCG.js');
|
|
123
|
+
require('../primitives/Switch.js');
|
|
124
|
+
require('../primitives/Tabs.js');
|
|
125
|
+
require('../primitives/Textarea.js');
|
|
126
|
+
require('../primitives/ScrollArea.js');
|
|
127
|
+
require('../index-Vlwnyfvs.js');
|
|
128
|
+
require('i18next');
|
|
129
|
+
require('../redux-DEF7lAd1.js');
|
|
130
|
+
|
|
131
|
+
|
|
132
|
+
|
|
133
|
+
exports.Accordion = Accordion.Accordion;
|
|
134
|
+
exports.Alert = Alert.Alert;
|
|
135
|
+
exports.Avatar = Avatar.AvatarNamespace;
|
|
136
|
+
exports.Badge = Badge.Badge;
|
|
137
|
+
exports.Button = Button.Button;
|
|
138
|
+
exports.Callout = Callout.Callout;
|
|
139
|
+
exports.Checkbox = Checkbox.Checkbox;
|
|
140
|
+
exports.ColorPicker = ColorPicker.ColorPicker;
|
|
141
|
+
exports.DataTable = DataTable.DataTable;
|
|
142
|
+
exports.useColumnOrdering = DataTable.useColumnOrdering;
|
|
143
|
+
exports.useColumnPinning = DataTable.useColumnPinning;
|
|
144
|
+
exports.useColumnVisibility = DataTable.useColumnVisibility;
|
|
145
|
+
exports.useTablePagination = DataTable.useTablePagination;
|
|
146
|
+
exports.useTableSelection = DataTable.useTableSelection;
|
|
147
|
+
exports.useTableSort = DataTable.useTableSort;
|
|
148
|
+
exports.DatePicker = DatePicker.DatePicker;
|
|
149
|
+
exports.Dialog = Dialog.Dialog;
|
|
150
|
+
exports.DropdownMenu = components_DropdownMenu.DropdownMenu;
|
|
151
|
+
exports.Empty = Empty.Empty;
|
|
152
|
+
exports.Input = Input.Input;
|
|
153
|
+
exports.Kbd = Kbd.KbdNamespace;
|
|
154
|
+
exports.Label = Label.Label;
|
|
155
|
+
exports.MultiEmailInput = MultiEmailInput.MultiEmailInput;
|
|
156
|
+
exports.Pagination = Pagination.Pagination;
|
|
157
|
+
exports.Popover = Popover.Popover;
|
|
158
|
+
exports.Progress = Progress.Progress;
|
|
159
|
+
exports.RadioGroup = RadioGroup.RadioGroup;
|
|
160
|
+
exports.Select = Select.Select;
|
|
161
|
+
exports.Sheet = Sheet.Sheet;
|
|
162
|
+
exports.Slider = Slider.Slider;
|
|
163
|
+
exports.Spinner = Spinner.Spinner;
|
|
164
|
+
exports.Stepper = Stepper.Stepper;
|
|
165
|
+
exports.Switch = Switch.Switch;
|
|
166
|
+
exports.Tabs = Tabs.Tabs;
|
|
167
|
+
exports.Textarea = Textarea.Textarea;
|
|
168
|
+
exports.TimePicker = TimePicker.TimePicker;
|
|
169
|
+
exports.TimePickerPanel = TimePickerPanel.TimePickerPanel;
|
|
170
|
+
exports.Toastr = Toastr.Toastr;
|
|
171
|
+
exports.Tooltip = Tooltip.Tooltip;
|
|
172
|
+
exports.TranslationProvider = TranslationProvider.TranslationProvider;
|
|
173
|
+
exports.Tree = Tree.Tree;
|
|
174
|
+
exports.flattenTreeData = search.flattenTreeData;
|
|
175
|
+
exports.getExpandedKeysFromSearch = search.getExpandedKeysFromSearch;
|
|
176
|
+
exports.getParentKey = search.getParentKey;
|
|
177
|
+
exports.TreeSelect = TreeSelect.TreeSelect;
|
|
178
|
+
exports.Typography = Typography.Typography;
|
|
179
|
+
exports.typographyVariants = Typography.typographyVariants;
|
|
180
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
var formik = require('formik');
|
|
6
|
+
var Button = require('../Button-Bt_AElge.js');
|
|
7
|
+
var utils = require('../utils-CTr7wn5d.js');
|
|
8
|
+
var formik_Button = require('./Button.js');
|
|
9
|
+
require('../renderIcon-fLF3odqg.js');
|
|
10
|
+
require('../primitives/Button.js');
|
|
11
|
+
require('../button-B8XGl69v.js');
|
|
12
|
+
require('../index-BZhTddX0.js');
|
|
13
|
+
require('../index-DuNgWCXZ.js');
|
|
14
|
+
require('../index-D-iDn9RI.js');
|
|
15
|
+
require('../primitives/Spinner.js');
|
|
16
|
+
require('react-i18next');
|
|
17
|
+
require('../loader-circle-Bw7zP2Gn.js');
|
|
18
|
+
require('../createLucideIcon-D0tRgV6l.js');
|
|
19
|
+
require('../primitives/Tooltip.js');
|
|
20
|
+
require('../tooltip-C-568jEL.js');
|
|
21
|
+
require('../index-COPkC3I5.js');
|
|
22
|
+
require('../index-CGUGhyIp.js');
|
|
23
|
+
require('../index-Bvu9MiFi.js');
|
|
24
|
+
require('../index-DMbj7vXd.js');
|
|
25
|
+
require('react-dom');
|
|
26
|
+
require('../index-lWVw05cs.js');
|
|
27
|
+
require('../index-BwAq9ba8.js');
|
|
28
|
+
require('../index-CCdG4z4E.js');
|
|
29
|
+
require('../index-C9ICrOhM.js');
|
|
30
|
+
require('../floating-ui.react-dom-B4Aw6O7R.js');
|
|
31
|
+
require('../index-Bf0WsHta.js');
|
|
32
|
+
require('../index-Df-Ffa3s.js');
|
|
33
|
+
require('../index-DcCSSgb7.js');
|
|
34
|
+
require('../index-CyrAgb4H.js');
|
|
35
|
+
require('../index-CB9xFokC.js');
|
|
36
|
+
require('ramda');
|
|
37
|
+
|
|
38
|
+
const FormikActionBlock = React.forwardRef(({ className, submitButtonProps, cancelButtonProps, isSubmitting: isSubmittingProp, position = "left", }, ref) => {
|
|
39
|
+
const { handleReset, isSubmitting: isFormikSubmitting } = formik.useFormikContext();
|
|
40
|
+
const isSubmitting = isSubmittingProp ?? isFormikSubmitting;
|
|
41
|
+
const cancelButton = (jsxRuntime.jsx(Button.Button, { "data-testid": "cancel-button", disabled: isSubmitting, label: "Cancel", variant: "ghost", onClick: handleReset, onMouseDown: (e) => e.preventDefault(), ...cancelButtonProps }));
|
|
42
|
+
const submitButton = (jsxRuntime.jsx(formik_Button.FormikButton, { "data-testid": "save-changes-button", label: "Save changes", type: "submit", ...submitButtonProps }));
|
|
43
|
+
return (jsxRuntime.jsx("div", { ref: ref, className: utils.cn("flex items-center gap-2", position === "right" && "justify-end", className), children: position === "right" ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [cancelButton, submitButton] })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [submitButton, cancelButton] })) }));
|
|
44
|
+
});
|
|
45
|
+
FormikActionBlock.displayName = "FormikActionBlock";
|
|
46
|
+
|
|
47
|
+
exports.FormikActionBlock = FormikActionBlock;
|
|
48
|
+
//# sourceMappingURL=ActionBlock.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ActionBlock.js","sources":["../../../../src/formik/ActionBlock.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { useFormikContext } from \"formik\";\n\nimport { Button, type ButtonProps } from \"src/components/Button\";\nimport { cn } from \"src/shadcn/lib/utils\";\n\nimport { FormikButton } from \"./Button\";\n\nexport interface FormikActionBlockProps {\n /** Additional CSS class names for the wrapper. */\n className?: string;\n /** Props forwarded to the submit button. */\n submitButtonProps?: ButtonProps;\n /** Props forwarded to the cancel button. */\n cancelButtonProps?: ButtonProps;\n /**\n * Override the auto-computed submitting state (e.g. from React Query mutation).\n * Falls back to Formik's `isSubmitting` when not provided.\n */\n isSubmitting?: boolean;\n /** Alignment of the buttons. */\n position?: \"left\" | \"right\";\n}\n\nconst FormikActionBlock = forwardRef<HTMLDivElement, FormikActionBlockProps>(\n (\n {\n className,\n submitButtonProps,\n cancelButtonProps,\n isSubmitting: isSubmittingProp,\n position = \"left\",\n },\n ref\n ) => {\n const { handleReset, isSubmitting: isFormikSubmitting } =\n useFormikContext();\n\n const isSubmitting = isSubmittingProp ?? isFormikSubmitting;\n\n const cancelButton = (\n <Button\n data-testid=\"cancel-button\"\n disabled={isSubmitting}\n label=\"Cancel\"\n variant=\"ghost\"\n onClick={handleReset}\n onMouseDown={(e: React.MouseEvent) => e.preventDefault()}\n {...cancelButtonProps}\n />\n );\n\n const submitButton = (\n <FormikButton\n data-testid=\"save-changes-button\"\n label=\"Save changes\"\n type=\"submit\"\n {...submitButtonProps}\n />\n );\n\n return (\n <div\n ref={ref}\n className={cn(\n \"flex items-center gap-2\",\n position === \"right\" && \"justify-end\",\n className\n )}\n >\n {position === \"right\" ? (\n <>\n {cancelButton}\n {submitButton}\n </>\n ) : (\n <>\n {submitButton}\n {cancelButton}\n </>\n )}\n </div>\n );\n }\n);\n\nFormikActionBlock.displayName = \"FormikActionBlock\";\n\nexport { FormikActionBlock };\n"],"names":["forwardRef","useFormikContext","_jsx","Button","FormikButton","cn","_jsxs","_Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,iBAAiB,GAAGA,gBAAU,CAClC,CACE,EACE,SAAS,EACT,iBAAiB,EACjB,iBAAiB,EACjB,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,GAAG,MAAM,GAClB,EACD,GAAG,KACD;IACF,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,kBAAkB,EAAE,GACrDC,uBAAgB,EAAE;AAEpB,IAAA,MAAM,YAAY,GAAG,gBAAgB,IAAI,kBAAkB;AAE3D,IAAA,MAAM,YAAY,IAChBC,cAAA,CAACC,aAAM,mBACO,eAAe,EAC3B,QAAQ,EAAE,YAAY,EACtB,KAAK,EAAC,QAAQ,EACd,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,CAAC,CAAmB,KAAK,CAAC,CAAC,cAAc,EAAE,KACpD,iBAAiB,EAAA,CACrB,CACH;AAED,IAAA,MAAM,YAAY,IAChBD,eAACE,0BAAY,EAAA,EAAA,aAAA,EACC,qBAAqB,EACjC,KAAK,EAAC,cAAc,EACpB,IAAI,EAAC,QAAQ,KACT,iBAAiB,EAAA,CACrB,CACH;IAED,QACEF,wBACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAEG,QAAE,CACX,yBAAyB,EACzB,QAAQ,KAAK,OAAO,IAAI,aAAa,EACrC,SAAS,CACV,EAAA,QAAA,EAEA,QAAQ,KAAK,OAAO,IACnBC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA,CACG,YAAY,EACZ,YAAY,IACZ,KAEHD,kDACG,YAAY,EACZ,YAAY,CAAA,EAAA,CACZ,CACJ,EAAA,CACG;AAEV,CAAC;AAGH,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var formik = require('formik');
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var reactRouterDom = require('react-router-dom');
|
|
7
|
+
var Button = require('../Button-Bt_AElge.js');
|
|
8
|
+
var Dialog = require('../Dialog-CtI_yWsJ.js');
|
|
9
|
+
require('../utils-CTr7wn5d.js');
|
|
10
|
+
require('../renderIcon-fLF3odqg.js');
|
|
11
|
+
require('../primitives/Button.js');
|
|
12
|
+
require('../button-B8XGl69v.js');
|
|
13
|
+
require('../index-BZhTddX0.js');
|
|
14
|
+
require('../index-DuNgWCXZ.js');
|
|
15
|
+
require('../index-D-iDn9RI.js');
|
|
16
|
+
require('../primitives/Spinner.js');
|
|
17
|
+
require('react-i18next');
|
|
18
|
+
require('../loader-circle-Bw7zP2Gn.js');
|
|
19
|
+
require('../createLucideIcon-D0tRgV6l.js');
|
|
20
|
+
require('../primitives/Tooltip.js');
|
|
21
|
+
require('../tooltip-C-568jEL.js');
|
|
22
|
+
require('../index-COPkC3I5.js');
|
|
23
|
+
require('../index-CGUGhyIp.js');
|
|
24
|
+
require('../index-Bvu9MiFi.js');
|
|
25
|
+
require('../index-DMbj7vXd.js');
|
|
26
|
+
require('react-dom');
|
|
27
|
+
require('../index-lWVw05cs.js');
|
|
28
|
+
require('../index-BwAq9ba8.js');
|
|
29
|
+
require('../index-CCdG4z4E.js');
|
|
30
|
+
require('../index-C9ICrOhM.js');
|
|
31
|
+
require('../floating-ui.react-dom-B4Aw6O7R.js');
|
|
32
|
+
require('../index-Bf0WsHta.js');
|
|
33
|
+
require('../index-Df-Ffa3s.js');
|
|
34
|
+
require('../index-DcCSSgb7.js');
|
|
35
|
+
require('../index-CyrAgb4H.js');
|
|
36
|
+
require('../index-CB9xFokC.js');
|
|
37
|
+
require('../primitives/Dialog.js');
|
|
38
|
+
require('../dialog-Bvyrshz3.js');
|
|
39
|
+
require('../x-Brw3FJst.js');
|
|
40
|
+
require('../index-BLGrl3PF.js');
|
|
41
|
+
require('../index-ChSOMM8b.js');
|
|
42
|
+
|
|
43
|
+
const useNavPrompt = ({ shouldBlock = true, }) => {
|
|
44
|
+
const [isBlocked, setIsBlocked] = React.useState(false);
|
|
45
|
+
const history = reactRouterDom.useHistory();
|
|
46
|
+
const unblockRef = React.useRef();
|
|
47
|
+
const navRef = React.useRef(null);
|
|
48
|
+
const handleNavigation = React.useCallback((action, transition) => {
|
|
49
|
+
switch (action) {
|
|
50
|
+
case "PUSH":
|
|
51
|
+
history.push(transition);
|
|
52
|
+
break;
|
|
53
|
+
case "REPLACE":
|
|
54
|
+
history.replace(transition);
|
|
55
|
+
break;
|
|
56
|
+
case "POP":
|
|
57
|
+
history.goBack();
|
|
58
|
+
break;
|
|
59
|
+
}
|
|
60
|
+
}, [history]);
|
|
61
|
+
const continueNavigation = React.useCallback(() => {
|
|
62
|
+
if (isBlocked && unblockRef.current) {
|
|
63
|
+
unblockRef.current();
|
|
64
|
+
setIsBlocked(false);
|
|
65
|
+
if (navRef.current) {
|
|
66
|
+
const { action, transition } = navRef.current;
|
|
67
|
+
handleNavigation(action, transition);
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
}, [isBlocked, handleNavigation]);
|
|
71
|
+
const hidePrompt = React.useCallback(() => setIsBlocked(false), []);
|
|
72
|
+
React.useEffect(() => {
|
|
73
|
+
if (shouldBlock) {
|
|
74
|
+
unblockRef.current = history.block((transition, action) => {
|
|
75
|
+
setIsBlocked(true);
|
|
76
|
+
navRef.current = { transition: transition.pathname, action };
|
|
77
|
+
return false;
|
|
78
|
+
});
|
|
79
|
+
return () => {
|
|
80
|
+
unblockRef.current?.();
|
|
81
|
+
};
|
|
82
|
+
}
|
|
83
|
+
return undefined;
|
|
84
|
+
}, [shouldBlock, history]);
|
|
85
|
+
return { isBlocked, continueNavigation, hidePrompt };
|
|
86
|
+
};
|
|
87
|
+
|
|
88
|
+
const BlockNavigationAlert = ({ isOpen = false, onClose, onSubmit, onDiscardChanges, title = "You have unsaved changes", message = "Are you sure you want to leave? All unsaved changes will be lost.", cancelButtonLabel = "Discard and leave", submitButtonLabel = "Stay on this page", }) => {
|
|
89
|
+
const submitButtonRef = React.useRef(null);
|
|
90
|
+
return (jsxRuntime.jsxs(Dialog.Dialog, { isOpen: isOpen, onClose: onClose ?? (() => { }), closeButton: true, closeOnEsc: true, closeOnOutsideClick: true, initialFocusRef: submitButtonRef, size: "medium", "data-testid": "alert-box", children: [jsxRuntime.jsx(Dialog.Dialog.Header, { children: jsxRuntime.jsx(Dialog.Dialog.Title, { "data-testid": "alert-title", children: title }) }), jsxRuntime.jsx(Dialog.Dialog.Body, { children: jsxRuntime.jsx("p", { "data-testid": "alert-message", className: "text-sm text-muted-foreground", children: message }) }), jsxRuntime.jsxs(Dialog.Dialog.Footer, { className: "flex items-center justify-end gap-2", children: [jsxRuntime.jsx(Button.Button, { "data-testid": "alert-cancel-button", label: cancelButtonLabel, variant: "destructive", onClick: onDiscardChanges }), jsxRuntime.jsx(Button.Button, { "data-testid": "alert-submit-button", label: submitButtonLabel, ref: submitButtonRef, onClick: onSubmit })] })] }));
|
|
91
|
+
};
|
|
92
|
+
BlockNavigationAlert.displayName = "BlockNavigationAlert";
|
|
93
|
+
|
|
94
|
+
const FormikBlockNavigation = ({ isDirty = false, ...otherProps }) => {
|
|
95
|
+
const formikContext = formik.useFormikContext();
|
|
96
|
+
const shouldBlock = isDirty || (Boolean(formikContext) && Boolean(formikContext.dirty));
|
|
97
|
+
const { isBlocked, continueNavigation, hidePrompt } = useNavPrompt({
|
|
98
|
+
shouldBlock,
|
|
99
|
+
});
|
|
100
|
+
const handleDiscardChanges = () => {
|
|
101
|
+
if (formikContext)
|
|
102
|
+
formikContext.resetForm();
|
|
103
|
+
hidePrompt();
|
|
104
|
+
continueNavigation();
|
|
105
|
+
};
|
|
106
|
+
return (jsxRuntime.jsx(BlockNavigationAlert, { isOpen: isBlocked, onClose: hidePrompt, onDiscardChanges: handleDiscardChanges, onSubmit: hidePrompt, ...otherProps }));
|
|
107
|
+
};
|
|
108
|
+
FormikBlockNavigation.displayName = "FormikBlockNavigation";
|
|
109
|
+
|
|
110
|
+
exports.FormikBlockNavigation = FormikBlockNavigation;
|
|
111
|
+
//# sourceMappingURL=BlockNavigation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BlockNavigation.js","sources":["../../../../src/hooks/useNavPrompt.ts","../../../../src/formik/BlockNavigation/BlockNavigationAlert.tsx","../../../../src/formik/BlockNavigation/index.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { useHistory } from \"react-router-dom\";\n\ninterface UseNavPromptOptions {\n /** Whether navigation should be blocked. */\n shouldBlock?: boolean;\n}\n\ninterface UseNavPromptReturn {\n /** Whether a navigation attempt is currently blocked. */\n isBlocked: boolean;\n /** Unblock and continue the pending navigation. */\n continueNavigation: () => void;\n /** Dismiss the prompt without navigating. */\n hidePrompt: () => void;\n}\n\nconst useNavPrompt = ({\n shouldBlock = true,\n}: UseNavPromptOptions): UseNavPromptReturn => {\n const [isBlocked, setIsBlocked] = useState(false);\n\n const history = useHistory();\n\n const unblockRef = useRef<(() => void) | undefined>();\n const navRef = useRef<{ transition: string; action: string } | null>(null);\n\n const handleNavigation = useCallback(\n (action: string, transition: string) => {\n switch (action) {\n case \"PUSH\":\n history.push(transition);\n break;\n case \"REPLACE\":\n history.replace(transition);\n break;\n case \"POP\":\n history.goBack();\n break;\n }\n },\n [history]\n );\n\n const continueNavigation = useCallback(() => {\n if (isBlocked && unblockRef.current) {\n unblockRef.current();\n setIsBlocked(false);\n if (navRef.current) {\n const { action, transition } = navRef.current;\n handleNavigation(action, transition);\n }\n }\n }, [isBlocked, handleNavigation]);\n\n const hidePrompt = useCallback(() => setIsBlocked(false), []);\n\n useEffect(() => {\n if (shouldBlock) {\n unblockRef.current = history.block(\n (transition: { pathname: string }, action: string) => {\n setIsBlocked(true);\n navRef.current = { transition: transition.pathname, action };\n\n return false;\n }\n ) as unknown as () => void;\n\n return () => {\n unblockRef.current?.();\n };\n }\n\n return undefined;\n }, [shouldBlock, history]);\n\n return { isBlocked, continueNavigation, hidePrompt };\n};\n\nexport { useNavPrompt };\nexport type { UseNavPromptOptions, UseNavPromptReturn };\n","import React, { useRef } from \"react\";\n\nimport { Button } from \"src/components/Button\";\nimport { Dialog } from \"src/components/Dialog\";\n\nexport interface BlockNavigationAlertProps {\n /** Whether the alert dialog is open. */\n isOpen?: boolean;\n /** Called when the dialog should close. */\n onClose?: () => void;\n /** Called when the user chooses to stay. */\n onSubmit?: () => void;\n /** Called when the user chooses to discard and leave. */\n onDiscardChanges?: () => void;\n /** Custom title for the alert. */\n title?: string;\n /** Custom message for the alert body. */\n message?: string;\n /** Custom label for the discard/cancel button. */\n cancelButtonLabel?: string;\n /** Custom label for the stay/submit button. */\n submitButtonLabel?: string;\n}\n\nconst BlockNavigationAlert = ({\n isOpen = false,\n onClose,\n onSubmit,\n onDiscardChanges,\n title = \"You have unsaved changes\",\n message = \"Are you sure you want to leave? All unsaved changes will be lost.\",\n cancelButtonLabel = \"Discard and leave\",\n submitButtonLabel = \"Stay on this page\",\n}: BlockNavigationAlertProps) => {\n const submitButtonRef = useRef<HTMLButtonElement>(null);\n\n return (\n <Dialog\n isOpen={isOpen}\n onClose={onClose ?? (() => {})}\n closeButton\n closeOnEsc\n closeOnOutsideClick\n initialFocusRef={submitButtonRef}\n size=\"medium\"\n data-testid=\"alert-box\"\n >\n <Dialog.Header>\n <Dialog.Title data-testid=\"alert-title\">{title}</Dialog.Title>\n </Dialog.Header>\n <Dialog.Body>\n <p\n data-testid=\"alert-message\"\n className=\"text-sm text-muted-foreground\"\n >\n {message}\n </p>\n </Dialog.Body>\n <Dialog.Footer className=\"flex items-center justify-end gap-2\">\n <Button\n data-testid=\"alert-cancel-button\"\n label={cancelButtonLabel}\n variant=\"destructive\"\n onClick={onDiscardChanges}\n />\n <Button\n data-testid=\"alert-submit-button\"\n label={submitButtonLabel}\n ref={submitButtonRef}\n onClick={onSubmit}\n />\n </Dialog.Footer>\n </Dialog>\n );\n};\n\nBlockNavigationAlert.displayName = \"BlockNavigationAlert\";\n\nexport { BlockNavigationAlert };\n","import { useFormikContext } from \"formik\";\n\nimport { useNavPrompt } from \"src/hooks/useNavPrompt\";\n\nimport {\n BlockNavigationAlert,\n type BlockNavigationAlertProps,\n} from \"./BlockNavigationAlert\";\n\nexport interface FormikBlockNavigationProps extends Omit<\n BlockNavigationAlertProps,\n \"isOpen\" | \"onClose\" | \"onSubmit\" | \"onDiscardChanges\"\n> {\n /** Force the navigation block regardless of Formik dirty state. */\n isDirty?: boolean;\n}\n\nconst FormikBlockNavigation = ({\n isDirty = false,\n ...otherProps\n}: FormikBlockNavigationProps) => {\n const formikContext = useFormikContext();\n const shouldBlock =\n isDirty || (Boolean(formikContext) && Boolean(formikContext.dirty));\n\n const { isBlocked, continueNavigation, hidePrompt } = useNavPrompt({\n shouldBlock,\n });\n\n const handleDiscardChanges = () => {\n if (formikContext) formikContext.resetForm();\n hidePrompt();\n continueNavigation();\n };\n\n return (\n <BlockNavigationAlert\n isOpen={isBlocked}\n onClose={hidePrompt}\n onDiscardChanges={handleDiscardChanges}\n onSubmit={hidePrompt}\n {...otherProps}\n />\n );\n};\n\nFormikBlockNavigation.displayName = \"FormikBlockNavigation\";\n\nexport { FormikBlockNavigation };\nexport type { BlockNavigationAlertProps };\n"],"names":["useState","useHistory","useRef","useCallback","useEffect","_jsxs","Dialog","_jsx","Button","useFormikContext"],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var formik = require('formik');
|
|
6
6
|
var ramda = require('ramda');
|
|
7
|
-
var Select = require('../Select-
|
|
7
|
+
var Select = require('../Select-Br1AT_wm.js');
|
|
8
8
|
require('../SelectFieldWrapper-DEA--2wj.js');
|
|
9
9
|
require('../primitives/Field.js');
|
|
10
10
|
require('../index-BZhTddX0.js');
|
|
@@ -33,7 +33,7 @@ require('react-i18next');
|
|
|
33
33
|
require('../loader-circle-Bw7zP2Gn.js');
|
|
34
34
|
|
|
35
35
|
const FormikSelect = React.forwardRef((props, ref) => {
|
|
36
|
-
const { name, onOpenChange, onChange: _, ...otherProps } = props;
|
|
36
|
+
const { name, onOpenChange, onChange: _, ...otherProps } = props;
|
|
37
37
|
const [field, meta, { setValue, setTouched }] = formik.useField(name);
|
|
38
38
|
const { status = {}, setStatus } = formik.useFormikContext();
|
|
39
39
|
const fieldStatus = formik.getIn(status, name);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sources":["../../../../src/formik/Select.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Select, SelectProps } from \"src/components/Select\";\n\nexport type FormikSelectProps = SelectProps & {\n /** Formik field name. */\n name: string;\n};\n\nconst FormikSelect = forwardRef<HTMLInputElement, FormikSelectProps>(\n (props, ref) => {\n const { name, onOpenChange, onChange: _, ...otherProps } = props
|
|
1
|
+
{"version":3,"file":"Select.js","sources":["../../../../src/formik/Select.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\n\nimport { useField, useFormikContext, getIn } from \"formik\";\nimport { dissoc } from \"ramda\";\n\nimport { Select, SelectProps } from \"src/components/Select\";\n\nexport type FormikSelectProps = SelectProps & {\n /** Formik field name. */\n name: string;\n};\n\nconst FormikSelect = forwardRef<HTMLInputElement, FormikSelectProps>(\n (props, ref) => {\n const { name, onOpenChange, onChange: _, ...otherProps } = props;\n const [field, meta, { setValue, setTouched }] = useField(name);\n const { status = {}, setStatus } = useFormikContext();\n const fieldStatus = getIn(status, name);\n\n const selectProps = {\n ...otherProps,\n ref,\n error: meta.touched ? meta.error || fieldStatus : \"\",\n name: field.name,\n value: field.value,\n onOpenChange: (open: boolean) => {\n if (!open) setTouched(true);\n onOpenChange?.(open);\n },\n onChange: (value: unknown) => {\n setStatus(dissoc(name, status));\n setValue(value);\n },\n };\n\n return <Select {...(selectProps as SelectProps)} />;\n }\n);\n\nFormikSelect.displayName = \"FormikSelect\";\n\nexport { FormikSelect };\n"],"names":["forwardRef","useField","useFormikContext","getIn","dissoc","_jsx","Select"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,YAAY,GAAGA,gBAAU,CAC7B,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK;AAChE,IAAA,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,CAAC,GAAGC,eAAQ,CAAC,IAAI,CAAC;IAC9D,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,SAAS,EAAE,GAAGC,uBAAgB,EAAE;IACrD,MAAM,WAAW,GAAGC,YAAK,CAAC,MAAM,EAAE,IAAI,CAAC;AAEvC,IAAA,MAAM,WAAW,GAAG;AAClB,QAAA,GAAG,UAAU;QACb,GAAG;AACH,QAAA,KAAK,EAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,IAAI,WAAW,GAAG,EAAE;QACpD,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,KAAK,EAAE,KAAK,CAAC,KAAK;AAClB,QAAA,YAAY,EAAE,CAAC,IAAa,KAAI;AAC9B,YAAA,IAAI,CAAC,IAAI;gBAAE,UAAU,CAAC,IAAI,CAAC;AAC3B,YAAA,YAAY,GAAG,IAAI,CAAC;QACtB,CAAC;AACD,QAAA,QAAQ,EAAE,CAAC,KAAc,KAAI;YAC3B,SAAS,CAACC,YAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;YAC/B,QAAQ,CAAC,KAAK,CAAC;QACjB,CAAC;KACF;AAED,IAAA,OAAOC,cAAA,CAACC,aAAM,EAAA,EAAA,GAAM,WAA2B,GAAI;AACrD,CAAC;AAGH,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
|
|
@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var formik = require('formik');
|
|
6
6
|
var ramda = require('ramda');
|
|
7
|
-
var TreeSelect = require('../TreeSelect-
|
|
7
|
+
var TreeSelect = require('../TreeSelect-C9nQJKNo.js');
|
|
8
8
|
require('../utils-CTr7wn5d.js');
|
|
9
9
|
require('../primitives/Popover.js');
|
|
10
10
|
require('../index-COPkC3I5.js');
|
|
@@ -28,7 +28,7 @@ require('../primitives/Field.js');
|
|
|
28
28
|
require('../index-BZhTddX0.js');
|
|
29
29
|
require('../label-Bdc9ytTI.js');
|
|
30
30
|
require('../separator-CPy2gyg1.js');
|
|
31
|
-
require('../Tree-
|
|
31
|
+
require('../Tree-BPd0DuLh.js');
|
|
32
32
|
require('../chevron-down-CPsWSS51.js');
|
|
33
33
|
require('../createLucideIcon-D0tRgV6l.js');
|
|
34
34
|
require('../chevron-right-0jNdwX2Q.js');
|
package/dist/cjs/formik/index.js
CHANGED
|
@@ -10,6 +10,8 @@ var formik_Slider = require('./Slider.js');
|
|
|
10
10
|
var formik_TreeSelect = require('./TreeSelect.js');
|
|
11
11
|
var formik_MultiEmailInput = require('./MultiEmailInput.js');
|
|
12
12
|
var formik_Button = require('./Button.js');
|
|
13
|
+
var formik_ActionBlock = require('./ActionBlock.js');
|
|
14
|
+
var formik_BlockNavigation = require('./BlockNavigation.js');
|
|
13
15
|
var formik_Form = require('./Form.js');
|
|
14
16
|
require('react/jsx-runtime');
|
|
15
17
|
require('react');
|
|
@@ -32,7 +34,7 @@ require('../input-CgKPISj_.js');
|
|
|
32
34
|
require('../textarea-CZSSY75H.js');
|
|
33
35
|
require('../Textarea-BfdlAJ59.js');
|
|
34
36
|
require('../primitives/Textarea.js');
|
|
35
|
-
require('../Select-
|
|
37
|
+
require('../Select-Br1AT_wm.js');
|
|
36
38
|
require('../SelectFieldWrapper-DEA--2wj.js');
|
|
37
39
|
require('../primitives/Combobox.js');
|
|
38
40
|
require('../check-BQgcDXys.js');
|
|
@@ -68,13 +70,13 @@ require('../primitives/Switch.js');
|
|
|
68
70
|
require('../Slider-jNUS9vt8.js');
|
|
69
71
|
require('../primitives/Slider.js');
|
|
70
72
|
require('../index-EyWRfsCG.js');
|
|
71
|
-
require('../TreeSelect-
|
|
73
|
+
require('../TreeSelect-C9nQJKNo.js');
|
|
72
74
|
require('../primitives/Popover.js');
|
|
73
75
|
require('../index-Bvu9MiFi.js');
|
|
74
76
|
require('../index-ChSOMM8b.js');
|
|
75
77
|
require('../index-C9ICrOhM.js');
|
|
76
78
|
require('../index-Df-Ffa3s.js');
|
|
77
|
-
require('../Tree-
|
|
79
|
+
require('../Tree-BPd0DuLh.js');
|
|
78
80
|
require('../chevron-right-0jNdwX2Q.js');
|
|
79
81
|
require('../redux-DEF7lAd1.js');
|
|
80
82
|
require('../MultiEmailInput-l0_YVjbp.js');
|
|
@@ -84,6 +86,11 @@ require('../primitives/Button.js');
|
|
|
84
86
|
require('../primitives/Tooltip.js');
|
|
85
87
|
require('../tooltip-C-568jEL.js');
|
|
86
88
|
require('../index-CB9xFokC.js');
|
|
89
|
+
require('react-router-dom');
|
|
90
|
+
require('../Dialog-CtI_yWsJ.js');
|
|
91
|
+
require('../primitives/Dialog.js');
|
|
92
|
+
require('../dialog-Bvyrshz3.js');
|
|
93
|
+
require('../index-BLGrl3PF.js');
|
|
87
94
|
|
|
88
95
|
|
|
89
96
|
|
|
@@ -97,5 +104,7 @@ exports.Slider = formik_Slider.FormikSlider;
|
|
|
97
104
|
exports.TreeSelect = formik_TreeSelect.FormikTreeSelect;
|
|
98
105
|
exports.MultiEmailInput = formik_MultiEmailInput.FormikMultiEmailInput;
|
|
99
106
|
exports.Button = formik_Button.FormikButton;
|
|
107
|
+
exports.ActionBlock = formik_ActionBlock.FormikActionBlock;
|
|
108
|
+
exports.BlockNavigation = formik_BlockNavigation.FormikBlockNavigation;
|
|
100
109
|
exports.Form = formik_Form.Form;
|
|
101
110
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var Accordion = require('./Accordion-
|
|
3
|
+
var Accordion = require('./Accordion-BoTckTBI.js');
|
|
4
4
|
var Alert = require('./Alert-BVvLyM_d.js');
|
|
5
5
|
var Avatar = require('./Avatar-CNao5gvP.js');
|
|
6
6
|
var Badge = require('./Badge-STBHzYLs.js');
|
|
7
7
|
var Button = require('./Button-Bt_AElge.js');
|
|
8
8
|
var Callout = require('./Callout-CS2U6pM7.js');
|
|
9
9
|
var Checkbox = require('./Checkbox-DOlS2oCD.js');
|
|
10
|
-
var ColorPicker = require('./ColorPicker-
|
|
10
|
+
var ColorPicker = require('./ColorPicker-Uxgn8U0h.js');
|
|
11
11
|
var DatePicker = require('./DatePicker-DpijPndg.js');
|
|
12
12
|
var TimePicker = require('./TimePicker-Ba2FdT1O.js');
|
|
13
13
|
require('./TimePickerPanel-DGNr97cj.js');
|
|
@@ -25,7 +25,7 @@ var Kbd = require('./Kbd-DHirsI--.js');
|
|
|
25
25
|
var Label = require('./Label-DpyfZsiT.js');
|
|
26
26
|
var Pagination = require('./Pagination-Byzt9Kmj.js');
|
|
27
27
|
var RadioGroup = require('./RadioGroup-1RAoe38m.js');
|
|
28
|
-
var Select = require('./Select-
|
|
28
|
+
var Select = require('./Select-Br1AT_wm.js');
|
|
29
29
|
var MultiEmailInput = require('./MultiEmailInput-l0_YVjbp.js');
|
|
30
30
|
var Sheet = require('./Sheet-CIhtNCBV.js');
|
|
31
31
|
var Popover = require('./Popover-LIxANoTc.js');
|
|
@@ -38,10 +38,10 @@ var Switch = require('./Switch-CFf8DtB_.js');
|
|
|
38
38
|
var Tabs = require('./Tabs-D2247rd7.js');
|
|
39
39
|
var Textarea = require('./Textarea-BfdlAJ59.js');
|
|
40
40
|
var Tooltip = require('./Tooltip-CtxI7QBY.js');
|
|
41
|
-
var Typography = require('./Typography-
|
|
41
|
+
var Typography = require('./Typography-PojQmdAY.js');
|
|
42
42
|
var DataTable = require('./DataTable-CWs96k8n.js');
|
|
43
|
-
var Tree = require('./Tree-
|
|
44
|
-
var TreeSelect = require('./TreeSelect-
|
|
43
|
+
var Tree = require('./Tree-BPd0DuLh.js');
|
|
44
|
+
var TreeSelect = require('./TreeSelect-C9nQJKNo.js');
|
|
45
45
|
var useMobile = require('./use-mobile-B-UYxtqX.js');
|
|
46
46
|
var utils = require('./utils-CTr7wn5d.js');
|
|
47
47
|
require('react/jsx-runtime');
|
|
@@ -258,7 +258,7 @@ const timezonePlugin = (_o, c, d) => {
|
|
|
258
258
|
const startOfWithoutTz = oldStartOf.call(withoutTz, units, startOf);
|
|
259
259
|
return startOfWithoutTz.tz(this.$x.$timezone, true);
|
|
260
260
|
};
|
|
261
|
-
|
|
261
|
+
const tzFunction = function (input, arg1, arg2) {
|
|
262
262
|
const parseFormat = arg2 && arg1;
|
|
263
263
|
const timezone = arg2 || arg1 || defaultTimezone;
|
|
264
264
|
const previousOffset = tzOffset(Number(dayjsFactory()), timezone);
|
|
@@ -271,12 +271,13 @@ const timezonePlugin = (_o, c, d) => {
|
|
|
271
271
|
ins.$x.$timezone = timezone;
|
|
272
272
|
return ins;
|
|
273
273
|
};
|
|
274
|
-
|
|
274
|
+
tzFunction.guess = function () {
|
|
275
275
|
return Intl.DateTimeFormat().resolvedOptions().timeZone;
|
|
276
276
|
};
|
|
277
|
-
|
|
277
|
+
tzFunction.setDefault = function (timezone) {
|
|
278
278
|
defaultTimezone = timezone;
|
|
279
279
|
};
|
|
280
|
+
dayjsFactory.tz = tzFunction;
|
|
280
281
|
};
|
|
281
282
|
|
|
282
283
|
pureDayjs__default.default.extend(weekOfYear__default.default);
|