@sellmate/design-system-react 1.0.75 → 1.0.77
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/components/components.d.ts +22 -86
- package/dist/components/components.js +21 -130
- package/dist/components/components.server.d.ts +22 -86
- package/dist/components/components.server.js +21 -197
- package/dist/index.d.ts +1 -1
- package/lib/components/components.server.ts +33 -279
- package/lib/components/components.ts +33 -208
- package/lib/index.ts +0 -4
- package/package.json +2 -2
|
@@ -538,20 +538,6 @@ export const SdPortal = /*@__PURE__*/ createComponent({
|
|
|
538
538
|
clientModule: clientComponents.SdPortal,
|
|
539
539
|
serializeShadowRoot,
|
|
540
540
|
});
|
|
541
|
-
export const SdProgress = /*@__PURE__*/ createComponent({
|
|
542
|
-
tagName: 'sd-progress',
|
|
543
|
-
properties: {
|
|
544
|
-
type: 'type',
|
|
545
|
-
error: 'error',
|
|
546
|
-
percentage: 'percentage',
|
|
547
|
-
size: 'size',
|
|
548
|
-
strokeWidth: 'stroke-width',
|
|
549
|
-
label: 'label'
|
|
550
|
-
},
|
|
551
|
-
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
552
|
-
clientModule: clientComponents.SdProgress,
|
|
553
|
-
serializeShadowRoot,
|
|
554
|
-
});
|
|
555
541
|
export const SdRadio = /*@__PURE__*/ createComponent({
|
|
556
542
|
tagName: 'sd-radio',
|
|
557
543
|
properties: {
|
|
@@ -592,163 +578,6 @@ export const SdRadioGroup = /*@__PURE__*/ createComponent({
|
|
|
592
578
|
});
|
|
593
579
|
export const SdSelect = /*@__PURE__*/ createComponent({
|
|
594
580
|
tagName: 'sd-select',
|
|
595
|
-
properties: {
|
|
596
|
-
value: 'value',
|
|
597
|
-
placeholder: 'placeholder',
|
|
598
|
-
optionPlaceholder: 'option-placeholder',
|
|
599
|
-
width: 'width',
|
|
600
|
-
dropdownHeight: 'dropdown-height',
|
|
601
|
-
autoFocus: 'auto-focus',
|
|
602
|
-
disabled: 'disabled',
|
|
603
|
-
clearable: 'clearable',
|
|
604
|
-
searchable: 'searchable',
|
|
605
|
-
label: 'label',
|
|
606
|
-
labelWidth: 'label-width',
|
|
607
|
-
addonLabel: 'addon-label',
|
|
608
|
-
addonAlign: 'addon-align',
|
|
609
|
-
labelTooltip: 'label-tooltip',
|
|
610
|
-
error: 'error',
|
|
611
|
-
name: 'name',
|
|
612
|
-
options: 'options',
|
|
613
|
-
rules: 'rules'
|
|
614
|
-
},
|
|
615
|
-
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
616
|
-
clientModule: clientComponents.SdSelect,
|
|
617
|
-
serializeShadowRoot,
|
|
618
|
-
});
|
|
619
|
-
export const SdSelectDropdown = /*@__PURE__*/ createComponent({
|
|
620
|
-
tagName: 'sd-select-dropdown',
|
|
621
|
-
properties: {
|
|
622
|
-
itemIndex: 'item-index',
|
|
623
|
-
value: 'value',
|
|
624
|
-
width: 'width',
|
|
625
|
-
dropdownHeight: 'dropdown-height',
|
|
626
|
-
searchable: 'searchable',
|
|
627
|
-
optionPlaceholder: 'option-placeholder',
|
|
628
|
-
useCheckbox: 'use-checkbox',
|
|
629
|
-
useAll: 'use-all',
|
|
630
|
-
options: 'options'
|
|
631
|
-
},
|
|
632
|
-
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
633
|
-
clientModule: clientComponents.SdSelectDropdown,
|
|
634
|
-
serializeShadowRoot,
|
|
635
|
-
});
|
|
636
|
-
export const SdSelectGroup = /*@__PURE__*/ createComponent({
|
|
637
|
-
tagName: 'sd-select-group',
|
|
638
|
-
properties: {
|
|
639
|
-
value: 'value',
|
|
640
|
-
placeholder: 'placeholder',
|
|
641
|
-
optionPlaceholder: 'option-placeholder',
|
|
642
|
-
width: 'width',
|
|
643
|
-
dropdownHeight: 'dropdown-height',
|
|
644
|
-
autoFocus: 'auto-focus',
|
|
645
|
-
disabled: 'disabled',
|
|
646
|
-
clearable: 'clearable',
|
|
647
|
-
searchable: 'searchable',
|
|
648
|
-
label: 'label',
|
|
649
|
-
labelWidth: 'label-width',
|
|
650
|
-
addonLabel: 'addon-label',
|
|
651
|
-
addonAlign: 'addon-align',
|
|
652
|
-
labelTooltip: 'label-tooltip',
|
|
653
|
-
error: 'error',
|
|
654
|
-
name: 'name',
|
|
655
|
-
options: 'options',
|
|
656
|
-
rules: 'rules'
|
|
657
|
-
},
|
|
658
|
-
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
659
|
-
clientModule: clientComponents.SdSelectGroup,
|
|
660
|
-
serializeShadowRoot,
|
|
661
|
-
});
|
|
662
|
-
export const SdSelectMultiple = /*@__PURE__*/ createComponent({
|
|
663
|
-
tagName: 'sd-select-multiple',
|
|
664
|
-
properties: {
|
|
665
|
-
placeholder: 'placeholder',
|
|
666
|
-
optionPlaceholder: 'option-placeholder',
|
|
667
|
-
width: 'width',
|
|
668
|
-
dropdownHeight: 'dropdown-height',
|
|
669
|
-
autoFocus: 'auto-focus',
|
|
670
|
-
disabled: 'disabled',
|
|
671
|
-
clearable: 'clearable',
|
|
672
|
-
searchable: 'searchable',
|
|
673
|
-
useAll: 'use-all',
|
|
674
|
-
useCheckbox: 'use-checkbox',
|
|
675
|
-
label: 'label',
|
|
676
|
-
labelWidth: 'label-width',
|
|
677
|
-
labelTooltip: 'label-tooltip',
|
|
678
|
-
error: 'error',
|
|
679
|
-
value: 'value',
|
|
680
|
-
options: 'options',
|
|
681
|
-
rules: 'rules'
|
|
682
|
-
},
|
|
683
|
-
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
684
|
-
clientModule: clientComponents.SdSelectMultiple,
|
|
685
|
-
serializeShadowRoot,
|
|
686
|
-
});
|
|
687
|
-
export const SdSelectMultipleGroup = /*@__PURE__*/ createComponent({
|
|
688
|
-
tagName: 'sd-select-multiple-group',
|
|
689
|
-
properties: {
|
|
690
|
-
placeholder: 'placeholder',
|
|
691
|
-
optionPlaceholder: 'option-placeholder',
|
|
692
|
-
width: 'width',
|
|
693
|
-
dropdownHeight: 'dropdown-height',
|
|
694
|
-
disabled: 'disabled',
|
|
695
|
-
clearable: 'clearable',
|
|
696
|
-
searchable: 'searchable',
|
|
697
|
-
useCheckbox: 'use-checkbox',
|
|
698
|
-
useAll: 'use-all',
|
|
699
|
-
allCheckedLabel: 'all-checked-label',
|
|
700
|
-
allCheckOptionLabel: 'all-check-option-label',
|
|
701
|
-
label: 'label',
|
|
702
|
-
labelWidth: 'label-width',
|
|
703
|
-
labelTooltip: 'label-tooltip',
|
|
704
|
-
error: 'error',
|
|
705
|
-
value: 'value',
|
|
706
|
-
options: 'options',
|
|
707
|
-
rules: 'rules'
|
|
708
|
-
},
|
|
709
|
-
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
710
|
-
clientModule: clientComponents.SdSelectMultipleGroup,
|
|
711
|
-
serializeShadowRoot,
|
|
712
|
-
});
|
|
713
|
-
export const SdSelectOption = /*@__PURE__*/ createComponent({
|
|
714
|
-
tagName: 'sd-select-option',
|
|
715
|
-
properties: {
|
|
716
|
-
index: 'index',
|
|
717
|
-
isSelected: 'is-selected',
|
|
718
|
-
isFocused: 'is-focused',
|
|
719
|
-
disabled: 'disabled',
|
|
720
|
-
useCheckbox: 'use-checkbox'
|
|
721
|
-
},
|
|
722
|
-
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
723
|
-
clientModule: clientComponents.SdSelectOption,
|
|
724
|
-
serializeShadowRoot,
|
|
725
|
-
});
|
|
726
|
-
export const SdSelectOptionGroup = /*@__PURE__*/ createComponent({
|
|
727
|
-
tagName: 'sd-select-option-group',
|
|
728
|
-
properties: {
|
|
729
|
-
index: 'index',
|
|
730
|
-
isSelected: 'is-selected',
|
|
731
|
-
isFocused: 'is-focused',
|
|
732
|
-
disabled: 'disabled',
|
|
733
|
-
useCheckbox: 'use-checkbox',
|
|
734
|
-
useIndicator: 'use-indicator'
|
|
735
|
-
},
|
|
736
|
-
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
737
|
-
clientModule: clientComponents.SdSelectOptionGroup,
|
|
738
|
-
serializeShadowRoot,
|
|
739
|
-
});
|
|
740
|
-
export const SdSelectSearchInput = /*@__PURE__*/ createComponent({
|
|
741
|
-
tagName: 'sd-select-search-input',
|
|
742
|
-
properties: {
|
|
743
|
-
isScrolled: 'is-scrolled',
|
|
744
|
-
searchText: 'search-text'
|
|
745
|
-
},
|
|
746
|
-
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
747
|
-
clientModule: clientComponents.SdSelectSearchInput,
|
|
748
|
-
serializeShadowRoot,
|
|
749
|
-
});
|
|
750
|
-
export const SdSelectV2 = /*@__PURE__*/ createComponent({
|
|
751
|
-
tagName: 'sd-select-v2',
|
|
752
581
|
properties: {
|
|
753
582
|
type: 'type',
|
|
754
583
|
value: 'value',
|
|
@@ -766,16 +595,19 @@ export const SdSelectV2 = /*@__PURE__*/ createComponent({
|
|
|
766
595
|
labelTooltip: 'label-tooltip',
|
|
767
596
|
emitValue: 'emit-value',
|
|
768
597
|
width: 'width',
|
|
598
|
+
useSearch: 'use-search',
|
|
599
|
+
allSelectedLabel: 'all-selected-label',
|
|
600
|
+
useSelectAll: 'use-select-all',
|
|
769
601
|
name: 'name',
|
|
770
602
|
options: 'options',
|
|
771
603
|
rules: 'rules'
|
|
772
604
|
},
|
|
773
605
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
774
|
-
clientModule: clientComponents.
|
|
606
|
+
clientModule: clientComponents.SdSelect,
|
|
775
607
|
serializeShadowRoot,
|
|
776
608
|
});
|
|
777
|
-
export const
|
|
778
|
-
tagName: 'sd-select-
|
|
609
|
+
export const SdSelectListItem = /*@__PURE__*/ createComponent({
|
|
610
|
+
tagName: 'sd-select-list-item',
|
|
779
611
|
properties: {
|
|
780
612
|
depth: 'depth',
|
|
781
613
|
isSelected: 'is-selected',
|
|
@@ -783,33 +615,35 @@ export const SdSelectV2ListItem = /*@__PURE__*/ createComponent({
|
|
|
783
615
|
useCheckbox: 'use-checkbox'
|
|
784
616
|
},
|
|
785
617
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
786
|
-
clientModule: clientComponents.
|
|
618
|
+
clientModule: clientComponents.SdSelectListItem,
|
|
787
619
|
serializeShadowRoot,
|
|
788
620
|
});
|
|
789
|
-
export const
|
|
790
|
-
tagName: 'sd-select-
|
|
621
|
+
export const SdSelectListItemSearch = /*@__PURE__*/ createComponent({
|
|
622
|
+
tagName: 'sd-select-list-item-search',
|
|
791
623
|
properties: { isScrolled: 'is-scrolled' },
|
|
792
624
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
793
|
-
clientModule: clientComponents.
|
|
625
|
+
clientModule: clientComponents.SdSelectListItemSearch,
|
|
794
626
|
serializeShadowRoot,
|
|
795
627
|
});
|
|
796
|
-
export const
|
|
797
|
-
tagName: 'sd-select-
|
|
628
|
+
export const SdSelectListbox = /*@__PURE__*/ createComponent({
|
|
629
|
+
tagName: 'sd-select-listbox',
|
|
798
630
|
properties: {
|
|
799
631
|
type: 'type',
|
|
800
632
|
value: 'value',
|
|
801
633
|
emitValue: 'emit-value',
|
|
634
|
+
useSearch: 'use-search',
|
|
635
|
+
useSelectAll: 'use-select-all',
|
|
802
636
|
triggerWidth: 'trigger-width',
|
|
803
637
|
maxWidth: 'max-width',
|
|
804
638
|
maxHeight: 'max-height',
|
|
805
639
|
options: 'options'
|
|
806
640
|
},
|
|
807
641
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
808
|
-
clientModule: clientComponents.
|
|
642
|
+
clientModule: clientComponents.SdSelectListbox,
|
|
809
643
|
serializeShadowRoot,
|
|
810
644
|
});
|
|
811
|
-
export const
|
|
812
|
-
tagName: 'sd-select-
|
|
645
|
+
export const SdSelectTrigger = /*@__PURE__*/ createComponent({
|
|
646
|
+
tagName: 'sd-select-trigger',
|
|
813
647
|
properties: {
|
|
814
648
|
displayText: 'display-text',
|
|
815
649
|
placeholder: 'placeholder',
|
|
@@ -817,7 +651,7 @@ export const SdSelectV2Trigger = /*@__PURE__*/ createComponent({
|
|
|
817
651
|
isOpen: 'is-open'
|
|
818
652
|
},
|
|
819
653
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
820
|
-
clientModule: clientComponents.
|
|
654
|
+
clientModule: clientComponents.SdSelectTrigger,
|
|
821
655
|
serializeShadowRoot,
|
|
822
656
|
});
|
|
823
657
|
export const SdSwitch = /*@__PURE__*/ createComponent({
|
|
@@ -896,7 +730,9 @@ export const SdTd = /*@__PURE__*/ createComponent({
|
|
|
896
730
|
properties: {
|
|
897
731
|
field: 'field',
|
|
898
732
|
rowKey: 'row-key',
|
|
899
|
-
align: 'align'
|
|
733
|
+
align: 'align',
|
|
734
|
+
rowspan: 'rowspan',
|
|
735
|
+
colspan: 'colspan'
|
|
900
736
|
},
|
|
901
737
|
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
902
738
|
clientModule: clientComponents.SdTd,
|
|
@@ -1031,15 +867,3 @@ export const SdTr = /*@__PURE__*/ createComponent({
|
|
|
1031
867
|
clientModule: clientComponents.SdTr,
|
|
1032
868
|
serializeShadowRoot,
|
|
1033
869
|
});
|
|
1034
|
-
export const TableTest = /*@__PURE__*/ createComponent({
|
|
1035
|
-
tagName: 'table-test',
|
|
1036
|
-
properties: {
|
|
1037
|
-
bordered: 'bordered',
|
|
1038
|
-
striped: 'striped',
|
|
1039
|
-
columns: 'columns',
|
|
1040
|
-
rows: 'rows'
|
|
1041
|
-
},
|
|
1042
|
-
hydrateModule: import('@sellmate/design-system/hydrate'),
|
|
1043
|
-
clientModule: clientComponents.TableTest,
|
|
1044
|
-
serializeShadowRoot,
|
|
1045
|
-
});
|
package/dist/index.d.ts
CHANGED
|
@@ -6,4 +6,4 @@ export { sdModal } from './sdModal';
|
|
|
6
6
|
export type { SdModalCreateOption } from './sdModal';
|
|
7
7
|
export { sdLoading } from '@sellmate/design-system/utils';
|
|
8
8
|
export type { SdLoadingShowOptions } from '@sellmate/design-system/utils';
|
|
9
|
-
export type { SdTableColumn, Row as SdTableRow, SelectOption,
|
|
9
|
+
export type { SdTableColumn, Row as SdTableRow, SelectOption, RadioValue, RadioOption, ButtonVariant, ButtonSize, ButtonV2Name, DropdownButtonItem, DropdownButtonName, DropdownButtonSize, DropdownButtonValue, Rule, ValidatableField, SdTooltipProps, TagName, ToastType, CheckedType, Type as DateBoxType, TabOption, } from '@sellmate/design-system';
|