@loja-integrada/admin-components 0.9.0 → 0.9.4
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/Forms/Checkbox/Checkbox.d.ts +1 -0
- package/dist/Icons/icons-path/Image.d.ts +2 -0
- package/dist/Icons/icons-path/Move.d.ts +2 -0
- package/dist/Icons/icons-path/Sync.d.ts +2 -0
- package/dist/Icons/icons-path/index.d.ts +3 -0
- package/dist/admin-components.cjs.development.js +35 -4
- package/dist/admin-components.cjs.development.js.map +1 -1
- package/dist/admin-components.cjs.production.min.js +1 -1
- package/dist/admin-components.cjs.production.min.js.map +1 -1
- package/dist/admin-components.esm.js +35 -4
- package/dist/admin-components.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Forms/Checkbox/Checkbox.tsx +15 -8
- package/src/Icons/icons-path/Image.tsx +9 -0
- package/src/Icons/icons-path/Move.tsx +9 -0
- package/src/Icons/icons-path/Sync.tsx +9 -0
- package/src/Icons/icons-path/index.ts +6 -0
- package/src/Layout/ActionBar/ActionBar.stories.tsx +8 -7
- package/src/Layout/ActionBar/ActionBar.tsx +19 -16
|
@@ -266,6 +266,22 @@ var Home = function Home() {
|
|
|
266
266
|
});
|
|
267
267
|
};
|
|
268
268
|
|
|
269
|
+
var Image = function Image() {
|
|
270
|
+
return React.createElement("path", {
|
|
271
|
+
fillRule: "evenodd",
|
|
272
|
+
d: "M10.5 5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 0 1-3 0Zm5.5 7.5H2a.5.5 0 0 1-.5-.5v-.937L5.176 8.39a2.247 2.247 0 0 1 2.647 0l2.188 1.59a3.759 3.759 0 0 0 4.027.246L16.5 8.857V12a.5.5 0 0 1-.5.5ZM2 1.5h14a.5.5 0 0 1 .5.5v5.261a.704.704 0 0 0-.364.084l-2.827 1.57a2.258 2.258 0 0 1-2.416-.147L8.706 7.177a3.743 3.743 0 0 0-4.412 0L1.5 9.209V2a.5.5 0 0 1 .5-.5ZM16 0H2a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2Z",
|
|
273
|
+
clipRule: "evenodd"
|
|
274
|
+
});
|
|
275
|
+
};
|
|
276
|
+
|
|
277
|
+
var Move = function Move() {
|
|
278
|
+
return React.createElement("path", {
|
|
279
|
+
fillRule: "evenodd",
|
|
280
|
+
d: "M9.5 14c0-.828-.672-1.5-1.5-1.5s-1.5.672-1.5 1.5.672 1.5 1.5 1.5 1.5-.672 1.5-1.5zm-6 0c0-.828-.671-1.5-1.5-1.5S.5 13.172.5 14s.671 1.5 1.5 1.5 1.5-.672 1.5-1.5zm6-12C9.5 1.172 8.828.5 8 .5S6.5 1.172 6.5 2 7.172 3.5 8 3.5 9.5 2.828 9.5 2zm-6 0C3.5 1.172 2.829.5 2 .5S.5 1.172.5 2 1.171 3.5 2 3.5 3.5 2.828 3.5 2zm6 6c0-.828-.672-1.5-1.5-1.5S6.5 7.172 6.5 8 7.172 9.5 8 9.5 9.5 8.828 9.5 8zM2 9.5C1.171 9.5.5 8.828.5 8S1.171 6.5 2 6.5s1.5.672 1.5 1.5S2.829 9.5 2 9.5z",
|
|
281
|
+
clipRule: "evenodd"
|
|
282
|
+
});
|
|
283
|
+
};
|
|
284
|
+
|
|
269
285
|
var Order = function Order() {
|
|
270
286
|
return React.createElement("path", {
|
|
271
287
|
fillRule: "evenodd",
|
|
@@ -414,6 +430,14 @@ var Search = function Search() {
|
|
|
414
430
|
});
|
|
415
431
|
};
|
|
416
432
|
|
|
433
|
+
var Sync = function Sync() {
|
|
434
|
+
return React.createElement("path", {
|
|
435
|
+
fillRule: "evenodd",
|
|
436
|
+
d: "M15.228 1.731 14.12 2.938C12.175.9 10.174 0 7.64 0 3.935 0 0 2.667 0 7.556h1.347c0-4 3.165-6.173 6.292-6.173 2.182 0 3.86.762 5.56 2.561l-1.405 1.534a.444.444 0 0 0 .327.745h3.435c.245 0 .444-.2.444-.445V2.031a.444.444 0 0 0-.772-.3Zm-.574 6.714H16C16 13.334 12.064 16 8.36 16c-2.534 0-4.535-.9-6.482-2.938L.772 14.268a.444.444 0 0 1-.772-.3v-3.745c0-.247.199-.445.445-.445h3.432c.386 0 .588.46.328.745L2.8 12.055c1.702 1.8 3.379 2.562 5.56 2.562 3.127 0 6.294-2.172 6.294-6.172Z",
|
|
437
|
+
clipRule: "evenodd"
|
|
438
|
+
});
|
|
439
|
+
};
|
|
440
|
+
|
|
417
441
|
var AngleDiagonal = function AngleDiagonal() {
|
|
418
442
|
return React.createElement(React.Fragment, null, React.createElement("path", {
|
|
419
443
|
d: "M12.7122 4.22709L13.7728 5.28775L5.28753 13.773L4.22687 12.7124L12.7122 4.22709Z",
|
|
@@ -486,6 +510,8 @@ var icons = {
|
|
|
486
510
|
exclamationTriangle: ExclamationTriangle,
|
|
487
511
|
externalLink: ExternalLink,
|
|
488
512
|
home: Home,
|
|
513
|
+
image: Image,
|
|
514
|
+
move: Move,
|
|
489
515
|
order: Order,
|
|
490
516
|
pagali: Pagali,
|
|
491
517
|
paperList: PaperList,
|
|
@@ -503,7 +529,8 @@ var icons = {
|
|
|
503
529
|
tv: Tv,
|
|
504
530
|
truck: Truck,
|
|
505
531
|
usdCircle: UsdCircle,
|
|
506
|
-
questionCircle: QuestionCircle
|
|
532
|
+
questionCircle: QuestionCircle,
|
|
533
|
+
sync: Sync
|
|
507
534
|
};
|
|
508
535
|
|
|
509
536
|
var iconSizes = {
|
|
@@ -1561,7 +1588,9 @@ var CheckboxComponent = function CheckboxComponent(_ref, ref) {
|
|
|
1561
1588
|
checked = _ref.checked,
|
|
1562
1589
|
disabled = _ref.disabled,
|
|
1563
1590
|
indeterminate = _ref.indeterminate,
|
|
1564
|
-
|
|
1591
|
+
_ref$boxAlign = _ref.boxAlign,
|
|
1592
|
+
boxAlign = _ref$boxAlign === void 0 ? 'center' : _ref$boxAlign,
|
|
1593
|
+
props = _objectWithoutPropertiesLoose(_ref, ["label", "id", "name", "onChange", "checked", "disabled", "indeterminate", "boxAlign"]);
|
|
1565
1594
|
|
|
1566
1595
|
var inputRef = React.useRef(null);
|
|
1567
1596
|
var inputId = id || name;
|
|
@@ -1574,6 +1603,7 @@ var CheckboxComponent = function CheckboxComponent(_ref, ref) {
|
|
|
1574
1603
|
isIndeterminate = _React$useState2[0],
|
|
1575
1604
|
setIsIndeterminate = _React$useState2[1];
|
|
1576
1605
|
|
|
1606
|
+
var isCenterBoxAlign = boxAlign === 'center';
|
|
1577
1607
|
React.useEffect(function () {
|
|
1578
1608
|
setIsChecked(!!checked);
|
|
1579
1609
|
if (checked) setIsIndeterminate(false);
|
|
@@ -1592,11 +1622,11 @@ var CheckboxComponent = function CheckboxComponent(_ref, ref) {
|
|
|
1592
1622
|
};
|
|
1593
1623
|
|
|
1594
1624
|
var checkboxIconClasses = "transition duration-200 ease-in-out " + (isChecked || isIndeterminate ? 'scale-100' : 'scale-0');
|
|
1595
|
-
var checkboxIconContainerClasses = "border border-card-stroke transition duration-200 ease-in-out
|
|
1625
|
+
var checkboxIconContainerClasses = "border border-card-stroke transition duration-200 ease-in-out\n " + (disabled ? 'bg-base-4' : isChecked || isIndeterminate ? 'bg-primary border-primary' : 'bg-base-1') + "\n " + (isCenterBoxAlign ? 'items-center' : '') + "\n rounded w-4 h-4 flex justify-center m-px\n ";
|
|
1596
1626
|
var checkboxLabelClasses = "ml-1 input-label text-f6 tracking-4 leading-6 " + (disabled ? 'text-inverted-2' : '');
|
|
1597
1627
|
return React.createElement("label", {
|
|
1598
1628
|
htmlFor: inputId,
|
|
1599
|
-
className: "inline-flex items-
|
|
1629
|
+
className: "inline-flex items-" + boxAlign + " cursor-pointer"
|
|
1600
1630
|
}, React.createElement("span", {
|
|
1601
1631
|
className: "rounded z-50 flex items-center justify-center focus-within:ring-2 ring-focus"
|
|
1602
1632
|
}, React.createElement("input", Object.assign({
|
|
@@ -2668,6 +2698,7 @@ var ActionBarComponent = function ActionBarComponent(_ref) {
|
|
|
2668
2698
|
className: "lg:hidden"
|
|
2669
2699
|
}, React.Children.map(children, function (_ref3) {
|
|
2670
2700
|
var props = _ref3.props;
|
|
2701
|
+
if (!props.children) return;
|
|
2671
2702
|
return React.createElement("button", {
|
|
2672
2703
|
className: 'px-4 py-1 text-base-1' + (props != null && props.loading ? ' pointer-events-none' : ''),
|
|
2673
2704
|
onClick: props == null ? void 0 : props.onClick
|