@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.
@@ -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.SdSelectV2,
606
+ clientModule: clientComponents.SdSelect,
775
607
  serializeShadowRoot,
776
608
  });
777
- export const SdSelectV2ListItem = /*@__PURE__*/ createComponent({
778
- tagName: 'sd-select-v2-list-item',
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.SdSelectV2ListItem,
618
+ clientModule: clientComponents.SdSelectListItem,
787
619
  serializeShadowRoot,
788
620
  });
789
- export const SdSelectV2ListItemSearch = /*@__PURE__*/ createComponent({
790
- tagName: 'sd-select-v2-list-item-search',
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.SdSelectV2ListItemSearch,
625
+ clientModule: clientComponents.SdSelectListItemSearch,
794
626
  serializeShadowRoot,
795
627
  });
796
- export const SdSelectV2Listbox = /*@__PURE__*/ createComponent({
797
- tagName: 'sd-select-v2-listbox',
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.SdSelectV2Listbox,
642
+ clientModule: clientComponents.SdSelectListbox,
809
643
  serializeShadowRoot,
810
644
  });
811
- export const SdSelectV2Trigger = /*@__PURE__*/ createComponent({
812
- tagName: 'sd-select-v2-trigger',
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.SdSelectV2Trigger,
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, SelectOptionGroup, SelectEvents, SelectMultipleEvents, SelectStyleProps, RadioValue, RadioOption, ButtonVariant, ButtonSize, ButtonV2Name, DropdownButtonItem, DropdownButtonName, DropdownButtonSize, DropdownButtonValue, Rule, ValidatableField, SdTooltipProps, TagName, ToastType, CheckedType, Type as DateBoxType, TabOption, } from '@sellmate/design-system';
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';