@pnkx-lib/ui 1.9.552 → 1.9.553
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/style.css +2 -2
- package/es/chunks/{index.esm-Dr5ZHcf7.js → index.esm-AaUjBMaK.js} +58 -96
- package/es/chunks/{toArray-GtzhUyP3.js → toArray-DACIS0E1.js} +36 -26
- package/es/fields/PnkxField.js +1 -1
- package/es/fields/TinyMCE.js +1 -1
- package/es/ui/GenericUploadModal.js +48 -72
- package/es/ui/Layout.js +3 -3
- package/es/ui/SearchFilterForm.js +1 -1
- package/es/ui/TableCategory/index.js +1 -1
- package/es/ui/Tabs.js +4 -4
- package/es/ui/UploadImage.js +1 -1
- package/es/ui/index.js +50 -35
- package/package.json +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
2
|
import React__default, { useLayoutEffect, useEffect, useRef, useMemo, useCallback, useState, memo, useReducer, createContext, useContext } from 'react';
|
|
3
|
-
import { u as useForm } from '../../chunks/index.esm-
|
|
3
|
+
import { u as useForm } from '../../chunks/index.esm-AaUjBMaK.js';
|
|
4
4
|
import { Checkbox } from '../../fields/Checkbox.js';
|
|
5
5
|
import { PnkxField } from '../../fields/PnkxField.js';
|
|
6
6
|
import { unstable_batchedUpdates, createPortal } from 'react-dom';
|
package/es/ui/Tabs.js
CHANGED
|
@@ -23,14 +23,14 @@ const createStoreImpl = (createState) => {
|
|
|
23
23
|
const initialState = state = createState(setState, getState, api);
|
|
24
24
|
return api;
|
|
25
25
|
};
|
|
26
|
-
const createStore = (
|
|
26
|
+
const createStore = (createState) => createState ? createStoreImpl(createState) : createStoreImpl;
|
|
27
27
|
|
|
28
28
|
const identity = (arg) => arg;
|
|
29
29
|
function useStore(api, selector = identity) {
|
|
30
30
|
const slice = React__default.useSyncExternalStore(
|
|
31
31
|
api.subscribe,
|
|
32
|
-
|
|
33
|
-
|
|
32
|
+
() => selector(api.getState()),
|
|
33
|
+
() => selector(api.getInitialState())
|
|
34
34
|
);
|
|
35
35
|
React__default.useDebugValue(slice);
|
|
36
36
|
return slice;
|
|
@@ -41,7 +41,7 @@ const createImpl = (createState) => {
|
|
|
41
41
|
Object.assign(useBoundStore, api);
|
|
42
42
|
return useBoundStore;
|
|
43
43
|
};
|
|
44
|
-
const create = (
|
|
44
|
+
const create = (createState) => createState ? createImpl(createState) : createImpl;
|
|
45
45
|
|
|
46
46
|
const useTabStore = create((set) => ({
|
|
47
47
|
activeTabKey: void 0,
|
package/es/ui/UploadImage.js
CHANGED
package/es/ui/index.js
CHANGED
|
@@ -87,8 +87,8 @@ const EditIcon = ({ stroke, fill = "#007BE5" }) => /* @__PURE__ */ jsx("svg", {
|
|
|
87
87
|
}
|
|
88
88
|
) });
|
|
89
89
|
|
|
90
|
-
const
|
|
91
|
-
size =
|
|
90
|
+
const ActionIcon = ({
|
|
91
|
+
size = 24,
|
|
92
92
|
color = "currentColor",
|
|
93
93
|
className,
|
|
94
94
|
style,
|
|
@@ -116,24 +116,20 @@ const ViewIcon = ({
|
|
|
116
116
|
{
|
|
117
117
|
width: "100%",
|
|
118
118
|
height: "100%",
|
|
119
|
-
viewBox: "0 0
|
|
119
|
+
viewBox: "0 0 24 24",
|
|
120
120
|
fill: "none",
|
|
121
121
|
xmlns: "http://www.w3.org/2000/svg",
|
|
122
122
|
children: [
|
|
123
|
+
/* @__PURE__ */ jsx("rect", { width: "24", height: "24", rx: "12", fill: "white" }),
|
|
124
|
+
/* @__PURE__ */ jsx("rect", { x: "0.5", y: "0.5", width: "23", height: "23", rx: "11.5", fill: "white" }),
|
|
125
|
+
/* @__PURE__ */ jsx("rect", { x: "0.5", y: "0.5", width: "23", height: "23", rx: "11.5", stroke: "#BDE3FF" }),
|
|
123
126
|
/* @__PURE__ */ jsx(
|
|
124
127
|
"path",
|
|
125
128
|
{
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
),
|
|
131
|
-
/* @__PURE__ */ jsx(
|
|
132
|
-
"path",
|
|
133
|
-
{
|
|
134
|
-
d: "M12.5004 10.0013C12.5004 11.382 11.3811 12.5013 10.0004 12.5013C8.61972 12.5013 7.50043 11.382 7.50043 10.0013C7.50043 8.62059 8.61972 7.5013 10.0004 7.5013C11.3811 7.5013 12.5004 8.62059 12.5004 10.0013Z",
|
|
135
|
-
stroke: color || "#007BE5",
|
|
136
|
-
"stroke-width": "1.5"
|
|
129
|
+
"fill-rule": "evenodd",
|
|
130
|
+
"clip-rule": "evenodd",
|
|
131
|
+
d: "M7 11H9V13H7V11ZM11 11H13V13H11V11ZM15 11H17V13H15V11Z",
|
|
132
|
+
fill: "#007BE5"
|
|
137
133
|
}
|
|
138
134
|
)
|
|
139
135
|
]
|
|
@@ -142,7 +138,7 @@ const ViewIcon = ({
|
|
|
142
138
|
}
|
|
143
139
|
);
|
|
144
140
|
|
|
145
|
-
const
|
|
141
|
+
const ViewIcon = ({
|
|
146
142
|
size = 20,
|
|
147
143
|
color = "currentColor",
|
|
148
144
|
className,
|
|
@@ -166,7 +162,7 @@ const PrinterIcon = ({
|
|
|
166
162
|
"aria-label": ariaLabel,
|
|
167
163
|
title,
|
|
168
164
|
...props,
|
|
169
|
-
children: /* @__PURE__ */
|
|
165
|
+
children: /* @__PURE__ */ jsxs(
|
|
170
166
|
"svg",
|
|
171
167
|
{
|
|
172
168
|
width: "100%",
|
|
@@ -174,19 +170,30 @@ const PrinterIcon = ({
|
|
|
174
170
|
viewBox: "0 0 20 20",
|
|
175
171
|
fill: "none",
|
|
176
172
|
xmlns: "http://www.w3.org/2000/svg",
|
|
177
|
-
children:
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
173
|
+
children: [
|
|
174
|
+
/* @__PURE__ */ jsx(
|
|
175
|
+
"path",
|
|
176
|
+
{
|
|
177
|
+
d: "M2.42466 10.9778C2.14002 10.3585 2.14002 9.6441 2.42466 9.02484C3.74225 6.15832 6.6389 4.16797 10.0004 4.16797C13.362 4.16797 16.2586 6.15833 17.5762 9.02484C17.8608 9.6441 17.8608 10.3585 17.5762 10.9778C16.2586 13.8443 13.362 15.8346 10.0004 15.8346C6.6389 15.8346 3.74225 13.8443 2.42466 10.9778Z",
|
|
178
|
+
stroke: color || "#007BE5",
|
|
179
|
+
"stroke-width": "1.5"
|
|
180
|
+
}
|
|
181
|
+
),
|
|
182
|
+
/* @__PURE__ */ jsx(
|
|
183
|
+
"path",
|
|
184
|
+
{
|
|
185
|
+
d: "M12.5004 10.0013C12.5004 11.382 11.3811 12.5013 10.0004 12.5013C8.61972 12.5013 7.50043 11.382 7.50043 10.0013C7.50043 8.62059 8.61972 7.5013 10.0004 7.5013C11.3811 7.5013 12.5004 8.62059 12.5004 10.0013Z",
|
|
186
|
+
stroke: color || "#007BE5",
|
|
187
|
+
"stroke-width": "1.5"
|
|
188
|
+
}
|
|
189
|
+
)
|
|
190
|
+
]
|
|
184
191
|
}
|
|
185
192
|
)
|
|
186
193
|
}
|
|
187
194
|
);
|
|
188
195
|
|
|
189
|
-
const
|
|
196
|
+
const PrinterIcon = ({
|
|
190
197
|
size = 20,
|
|
191
198
|
color = "currentColor",
|
|
192
199
|
className,
|
|
@@ -221,7 +228,7 @@ const RepeatIcon = ({
|
|
|
221
228
|
children: /* @__PURE__ */ jsx(
|
|
222
229
|
"path",
|
|
223
230
|
{
|
|
224
|
-
d: "
|
|
231
|
+
d: "M16.7711 5.625H15.625V3.125C15.625 2.95924 15.5592 2.80027 15.4419 2.68306C15.3247 2.56585 15.1658 2.5 15 2.5H5C4.83424 2.5 4.67527 2.56585 4.55806 2.68306C4.44085 2.80027 4.375 2.95924 4.375 3.125V5.625H3.22891C2.1375 5.625 1.25 6.46641 1.25 7.5V13.75C1.25 13.9158 1.31585 14.0747 1.43306 14.1919C1.55027 14.3092 1.70924 14.375 1.875 14.375H4.375V16.875C4.375 17.0408 4.44085 17.1997 4.55806 17.3169C4.67527 17.4342 4.83424 17.5 5 17.5H15C15.1658 17.5 15.3247 17.4342 15.4419 17.3169C15.5592 17.1997 15.625 17.0408 15.625 16.875V14.375H18.125C18.2908 14.375 18.4497 14.3092 18.5669 14.1919C18.6842 14.0747 18.75 13.9158 18.75 13.75V7.5C18.75 6.46641 17.8625 5.625 16.7711 5.625ZM5.625 3.75H14.375V5.625H5.625V3.75ZM14.375 16.25H5.625V12.5H14.375V16.25ZM17.5 13.125H15.625V11.875C15.625 11.7092 15.5592 11.5503 15.4419 11.4331C15.3247 11.3158 15.1658 11.25 15 11.25H5C4.83424 11.25 4.67527 11.3158 4.55806 11.4331C4.44085 11.5503 4.375 11.7092 4.375 11.875V13.125H2.5V7.5C2.5 7.15547 2.82734 6.875 3.22891 6.875H16.7711C17.1727 6.875 17.5 7.15547 17.5 7.5V13.125ZM15.625 9.0625C15.625 9.24792 15.57 9.42918 15.467 9.58335C15.364 9.73752 15.2176 9.85768 15.0463 9.92864C14.875 9.99959 14.6865 10.0182 14.5046 9.98199C14.3227 9.94581 14.1557 9.85652 14.0246 9.72541C13.8935 9.5943 13.8042 9.42725 13.768 9.2454C13.7318 9.06354 13.7504 8.87504 13.8214 8.70373C13.8923 8.53243 14.0125 8.38601 14.1667 8.283C14.3208 8.17998 14.5021 8.125 14.6875 8.125C14.9361 8.125 15.1746 8.22377 15.3504 8.39959C15.5262 8.5754 15.625 8.81386 15.625 9.0625Z",
|
|
225
232
|
fill: color
|
|
226
233
|
}
|
|
227
234
|
)
|
|
@@ -230,8 +237,8 @@ const RepeatIcon = ({
|
|
|
230
237
|
}
|
|
231
238
|
);
|
|
232
239
|
|
|
233
|
-
const
|
|
234
|
-
size =
|
|
240
|
+
const RepeatIcon = ({
|
|
241
|
+
size = 20,
|
|
235
242
|
color = "currentColor",
|
|
236
243
|
className,
|
|
237
244
|
style,
|
|
@@ -254,15 +261,23 @@ const MoreActionIcon = ({
|
|
|
254
261
|
"aria-label": ariaLabel,
|
|
255
262
|
title,
|
|
256
263
|
...props,
|
|
257
|
-
children: /* @__PURE__ */ jsx(
|
|
258
|
-
"
|
|
264
|
+
children: /* @__PURE__ */ jsx(
|
|
265
|
+
"svg",
|
|
259
266
|
{
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
267
|
+
width: "100%",
|
|
268
|
+
height: "100%",
|
|
269
|
+
viewBox: "0 0 20 20",
|
|
270
|
+
fill: "none",
|
|
271
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
272
|
+
children: /* @__PURE__ */ jsx(
|
|
273
|
+
"path",
|
|
274
|
+
{
|
|
275
|
+
d: "M1.875 10.0003C1.87666 8.50901 2.46982 7.07923 3.52435 6.0247C4.57889 4.97017 6.00867 4.377 7.5 4.37535H15.9914L15.1828 3.56753C15.0655 3.45026 14.9997 3.2912 14.9997 3.12535C14.9997 2.9595 15.0655 2.80044 15.1828 2.68316C15.3001 2.56588 15.4592 2.5 15.625 2.5C15.7909 2.5 15.9499 2.56588 16.0672 2.68316L17.9422 4.55816C18.0003 4.61621 18.0464 4.68514 18.0779 4.76101C18.1093 4.83688 18.1255 4.91821 18.1255 5.00035C18.1255 5.08248 18.1093 5.16381 18.0779 5.23969C18.0464 5.31556 18.0003 5.38449 17.9422 5.44254L16.0672 7.31754C15.9499 7.43481 15.7909 7.5007 15.625 7.5007C15.4592 7.50069 15.3001 7.43481 15.1828 7.31754C15.0655 7.20026 14.9997 7.0412 14.9997 6.87535C14.9997 6.7095 15.0655 6.55044 15.1828 6.43316L15.9914 5.62535H7.5C6.34006 5.62659 5.22798 6.08792 4.40778 6.90813C3.58758 7.72833 3.12624 8.84041 3.125 10.0003C3.125 10.1661 3.05916 10.3251 2.94194 10.4423C2.82473 10.5595 2.66576 10.6253 2.5 10.6253C2.33424 10.6253 2.17527 10.5595 2.05806 10.4423C1.94085 10.3251 1.875 10.1661 1.875 10.0003ZM17.5 9.37535C17.3342 9.37535 17.1753 9.4412 17.0581 9.55841C16.9409 9.67562 16.875 9.83459 16.875 10.0003C16.8738 11.1603 16.4124 12.2724 15.5922 13.0926C14.772 13.9128 13.6599 14.3741 12.5 14.3753H4.0086L4.81719 13.5675C4.87526 13.5095 4.92132 13.4405 4.95275 13.3647C4.98418 13.2888 5.00035 13.2075 5.00035 13.1253C5.00035 13.0432 4.98418 12.9619 4.95275 12.886C4.92132 12.8102 4.87526 12.7412 4.81719 12.6832C4.75912 12.6251 4.69018 12.579 4.61431 12.5476C4.53844 12.5162 4.45713 12.5 4.375 12.5C4.29288 12.5 4.21156 12.5162 4.13569 12.5476C4.05982 12.579 3.99088 12.6251 3.93282 12.6832L2.05782 14.5582C1.99971 14.6162 1.95361 14.6851 1.92215 14.761C1.8907 14.8369 1.87451 14.9182 1.87451 15.0003C1.87451 15.0825 1.8907 15.1638 1.92215 15.2397C1.95361 15.3156 1.99971 15.3845 2.05782 15.4425L3.93282 17.3175C3.99088 17.3756 4.05982 17.4217 4.13569 17.4531C4.21156 17.4845 4.29288 17.5007 4.375 17.5007C4.45713 17.5007 4.53844 17.4845 4.61431 17.4531C4.69018 17.4217 4.75912 17.3756 4.81719 17.3175C4.87526 17.2595 4.92132 17.1905 4.95275 17.1147C4.98418 17.0388 5.00035 16.9575 5.00035 16.8753C5.00035 16.7932 4.98418 16.7119 4.95275 16.636C4.92132 16.5602 4.87526 16.4912 4.81719 16.4332L4.0086 15.6253H12.5C13.9913 15.6237 15.4211 15.0305 16.4757 13.976C17.5302 12.9215 18.1233 11.4917 18.125 10.0003C18.125 9.83459 18.0592 9.67562 17.9419 9.55841C17.8247 9.4412 17.6658 9.37535 17.5 9.37535Z",
|
|
276
|
+
fill: color
|
|
277
|
+
}
|
|
278
|
+
)
|
|
264
279
|
}
|
|
265
|
-
)
|
|
280
|
+
)
|
|
266
281
|
}
|
|
267
282
|
);
|
|
268
283
|
|
|
@@ -295,7 +310,7 @@ const ActionRowTable = ({
|
|
|
295
310
|
type: "text",
|
|
296
311
|
className: "cursor-pointer",
|
|
297
312
|
shape: "circle",
|
|
298
|
-
icon: /* @__PURE__ */ jsx(
|
|
313
|
+
icon: /* @__PURE__ */ jsx(ActionIcon, { color: "#007BE5" }),
|
|
299
314
|
disabled
|
|
300
315
|
}
|
|
301
316
|
) }) });
|