@shoplflow/base 0.32.20 → 0.32.21

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/index.cjs CHANGED
@@ -102,40 +102,50 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
102
102
  mod
103
103
  ));
104
104
 
105
- // ../../node_modules/.pnpm/classnames@2.3.2/node_modules/classnames/index.js
105
+ // ../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js
106
106
  var require_classnames = __commonJS({
107
- "../../node_modules/.pnpm/classnames@2.3.2/node_modules/classnames/index.js"(exports, module) {
107
+ "../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js"(exports, module) {
108
108
  (function() {
109
109
  var hasOwn = {}.hasOwnProperty;
110
110
  function classNames2() {
111
- var classes = [];
111
+ var classes = "";
112
112
  for (var i = 0; i < arguments.length; i++) {
113
113
  var arg = arguments[i];
114
- if (!arg)
115
- continue;
116
- var argType = typeof arg;
117
- if (argType === "string" || argType === "number") {
118
- classes.push(arg);
119
- } else if (Array.isArray(arg)) {
120
- if (arg.length) {
121
- var inner = classNames2.apply(null, arg);
122
- if (inner) {
123
- classes.push(inner);
124
- }
125
- }
126
- } else if (argType === "object") {
127
- if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
128
- classes.push(arg.toString());
129
- continue;
130
- }
131
- for (var key in arg) {
132
- if (hasOwn.call(arg, key) && arg[key]) {
133
- classes.push(key);
134
- }
135
- }
114
+ if (arg) {
115
+ classes = appendClass(classes, parseValue(arg));
136
116
  }
137
117
  }
138
- return classes.join(" ");
118
+ return classes;
119
+ }
120
+ function parseValue(arg) {
121
+ if (typeof arg === "string" || typeof arg === "number") {
122
+ return arg;
123
+ }
124
+ if (typeof arg !== "object") {
125
+ return "";
126
+ }
127
+ if (Array.isArray(arg)) {
128
+ return classNames2.apply(null, arg);
129
+ }
130
+ if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
131
+ return arg.toString();
132
+ }
133
+ var classes = "";
134
+ for (var key in arg) {
135
+ if (hasOwn.call(arg, key) && arg[key]) {
136
+ classes = appendClass(classes, key);
137
+ }
138
+ }
139
+ return classes;
140
+ }
141
+ function appendClass(value, newClass) {
142
+ if (!newClass) {
143
+ return value;
144
+ }
145
+ if (value) {
146
+ return value + " " + newClass;
147
+ }
148
+ return value + newClass;
139
149
  }
140
150
  if (typeof module !== "undefined" && module.exports) {
141
151
  classNames2.default = classNames2;
@@ -5215,7 +5225,6 @@ var YearSelect = ({ optionList, className, parentClassName, activeValue, maxHeig
5215
5225
  maxHeight,
5216
5226
  height
5217
5227
  },
5218
- placeholder: void 0,
5219
5228
  className,
5220
5229
  children: optionList == null ? void 0 : optionList.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx(
5221
5230
  OptionListItem,
@@ -6415,5 +6424,3 @@ Object.defineProperty(exports, 'size', {
6415
6424
  enumerable: true,
6416
6425
  get: function () { return react.size; }
6417
6426
  });
6418
- //# sourceMappingURL=out.js.map
6419
- //# sourceMappingURL=index.cjs.map
package/dist/index.d.cts CHANGED
@@ -354,7 +354,7 @@ declare const MotionStack: MotionStackType$1;
354
354
 
355
355
  declare const StyledStack: _emotion_styled.StyledComponent<{
356
356
  theme?: _emotion_react.Theme | undefined;
357
- as?: React$1.ElementType<any> | undefined;
357
+ as?: React$1.ElementType<any, keyof React$1.JSX.IntrinsicElements> | undefined;
358
358
  } & StackOptionProps, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
359
359
 
360
360
  declare type StackContainerGenericProps<T extends StringElementType = 'div'> = RenderConfigProps & StackContainerProps & HTMLPropsWithoutRef<T>;
@@ -428,7 +428,7 @@ declare const MotionStackContainer: MotionStackType;
428
428
 
429
429
  declare const StyledStackContainer: _emotion_styled.StyledComponent<{
430
430
  theme?: _emotion_react.Theme | undefined;
431
- as?: React$1.ElementType<any> | undefined;
431
+ as?: React$1.ElementType<any, keyof React$1.JSX.IntrinsicElements> | undefined;
432
432
  } & StackContainerOptionProps, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
433
433
 
434
434
  interface TextOptionProps {
@@ -1060,7 +1060,7 @@ declare const Icon: React__default.ForwardRefExoticComponent<IconProps & React__
1060
1060
 
1061
1061
  declare const StyledIcon: _emotion_styled.StyledComponent<{
1062
1062
  theme?: _emotion_react.Theme | undefined;
1063
- as?: React$1.ElementType<any> | undefined;
1063
+ as?: React$1.ElementType<any, keyof React$1.JSX.IntrinsicElements> | undefined;
1064
1064
  } & IconOptionProps, React$1.SVGProps<SVGSVGElement>, {}>;
1065
1065
 
1066
1066
  declare const InputSizeVariants: {
package/dist/index.d.ts CHANGED
@@ -354,7 +354,7 @@ declare const MotionStack: MotionStackType$1;
354
354
 
355
355
  declare const StyledStack: _emotion_styled.StyledComponent<{
356
356
  theme?: _emotion_react.Theme | undefined;
357
- as?: React$1.ElementType<any> | undefined;
357
+ as?: React$1.ElementType<any, keyof React$1.JSX.IntrinsicElements> | undefined;
358
358
  } & StackOptionProps, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
359
359
 
360
360
  declare type StackContainerGenericProps<T extends StringElementType = 'div'> = RenderConfigProps & StackContainerProps & HTMLPropsWithoutRef<T>;
@@ -428,7 +428,7 @@ declare const MotionStackContainer: MotionStackType;
428
428
 
429
429
  declare const StyledStackContainer: _emotion_styled.StyledComponent<{
430
430
  theme?: _emotion_react.Theme | undefined;
431
- as?: React$1.ElementType<any> | undefined;
431
+ as?: React$1.ElementType<any, keyof React$1.JSX.IntrinsicElements> | undefined;
432
432
  } & StackContainerOptionProps, React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
433
433
 
434
434
  interface TextOptionProps {
@@ -1060,7 +1060,7 @@ declare const Icon: React__default.ForwardRefExoticComponent<IconProps & React__
1060
1060
 
1061
1061
  declare const StyledIcon: _emotion_styled.StyledComponent<{
1062
1062
  theme?: _emotion_react.Theme | undefined;
1063
- as?: React$1.ElementType<any> | undefined;
1063
+ as?: React$1.ElementType<any, keyof React$1.JSX.IntrinsicElements> | undefined;
1064
1064
  } & IconOptionProps, React$1.SVGProps<SVGSVGElement>, {}>;
1065
1065
 
1066
1066
  declare const InputSizeVariants: {
package/dist/index.js CHANGED
@@ -75,40 +75,50 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
75
75
  mod
76
76
  ));
77
77
 
78
- // ../../node_modules/.pnpm/classnames@2.3.2/node_modules/classnames/index.js
78
+ // ../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js
79
79
  var require_classnames = __commonJS({
80
- "../../node_modules/.pnpm/classnames@2.3.2/node_modules/classnames/index.js"(exports, module) {
80
+ "../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.js"(exports, module) {
81
81
  (function() {
82
82
  var hasOwn = {}.hasOwnProperty;
83
83
  function classNames2() {
84
- var classes = [];
84
+ var classes = "";
85
85
  for (var i = 0; i < arguments.length; i++) {
86
86
  var arg = arguments[i];
87
- if (!arg)
88
- continue;
89
- var argType = typeof arg;
90
- if (argType === "string" || argType === "number") {
91
- classes.push(arg);
92
- } else if (Array.isArray(arg)) {
93
- if (arg.length) {
94
- var inner = classNames2.apply(null, arg);
95
- if (inner) {
96
- classes.push(inner);
97
- }
98
- }
99
- } else if (argType === "object") {
100
- if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
101
- classes.push(arg.toString());
102
- continue;
103
- }
104
- for (var key in arg) {
105
- if (hasOwn.call(arg, key) && arg[key]) {
106
- classes.push(key);
107
- }
108
- }
87
+ if (arg) {
88
+ classes = appendClass(classes, parseValue(arg));
109
89
  }
110
90
  }
111
- return classes.join(" ");
91
+ return classes;
92
+ }
93
+ function parseValue(arg) {
94
+ if (typeof arg === "string" || typeof arg === "number") {
95
+ return arg;
96
+ }
97
+ if (typeof arg !== "object") {
98
+ return "";
99
+ }
100
+ if (Array.isArray(arg)) {
101
+ return classNames2.apply(null, arg);
102
+ }
103
+ if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
104
+ return arg.toString();
105
+ }
106
+ var classes = "";
107
+ for (var key in arg) {
108
+ if (hasOwn.call(arg, key) && arg[key]) {
109
+ classes = appendClass(classes, key);
110
+ }
111
+ }
112
+ return classes;
113
+ }
114
+ function appendClass(value, newClass) {
115
+ if (!newClass) {
116
+ return value;
117
+ }
118
+ if (value) {
119
+ return value + " " + newClass;
120
+ }
121
+ return value + newClass;
112
122
  }
113
123
  if (typeof module !== "undefined" && module.exports) {
114
124
  classNames2.default = classNames2;
@@ -5188,7 +5198,6 @@ var YearSelect = ({ optionList, className, parentClassName, activeValue, maxHeig
5188
5198
  maxHeight,
5189
5199
  height
5190
5200
  },
5191
- placeholder: void 0,
5192
5201
  className,
5193
5202
  children: optionList == null ? void 0 : optionList.map((option, index) => /* @__PURE__ */ jsx(
5194
5203
  OptionListItem,
@@ -6361,5 +6370,3 @@ classnames/index.js:
6361
6370
  */
6362
6371
 
6363
6372
  export { AnnualDatepicker_default as AnnualDatepicker, Avatar_default as Avatar, AvatarSizeVariants, Button_default as Button, ButtonSizeVariants, ButtonStyleVariants, CHECKBOX_SYMBOL_KEY, Callout_default as Callout, CalloutTypes, Checkbox_default as Checkbox, CheckboxStyleVariants, ChipButton_default as ChipButton, ChipButtonSizeVariants, ChipButtonStyleVariants, ChipToggle_default as ChipToggle, ChipToggleSizeVariants, ChipToggleStyleVariants, DayDatepicker_default as DayDatepicker, DayDatepickerSizeVariants, Dropdown_default as Dropdown, DropdownButton_default as DropdownButton, DropdownButtonContext, DropdownButtonSizeVariants, DropdownButtonStyleVariants, Icon_default as Icon, IconButton_default as IconButton, IconButtonSizeVariants, IconButtonStyleVariants, IconSizeVariants, Input_default as Input, InputButton_default as InputButton, InputSizeVariants, List_default as List, MODAL_FOOTER_KEY, MODAL_HEADER_KEY, Menu_default as Menu, MenuSizeVariants, MinusButton_default as MinusButton, Modal, ModalContext, ModalHandlerContext, ModalPortal_default as ModalProvider, ModalSize, MonthDatepicker_default as MonthDatepicker, MotionStack, MotionStackContainer, NumberCombobox_default as NumberCombobox, NumberComboboxSizeVariants, Pagination_default as Pagination, Popper_default as Popper, PopperPortal, PopperTrigger, RADIO_SYMBOL_KEY, Radio_default as Radio, ScrollArea_default as ScrollArea, SelectInputButton_default as SelectInputButton, ShoplflowProvider_default as ShoplflowProvider, SplitButton_default as SplitButton, SplitButtonContext, SplitButtonSizeVariants, SplitButtonStyleVariants, Stack_default as Stack, StackContainer_default as StackContainer, StyledIcon, StyledStack, StyledStackContainer, Switch_default as Switch, TREE_SYMBOL_KEY, TabSizeVariants, TabStyleVariants, Tabs_default as Tabs, TabsContext, Tag_default as Tag, TagSizeVariants, TagStyleVariants, Text_default as Text, Text2Rows, TextArea_default as TextArea, ToggleButton_default as ToggleButton, ToggleButtonSizeVariants, Tooltip_default as Tooltip, Tree_default as Tree, TreeItem, WeekDatepicker_default as WeekDatepicker, borderRadiusTokens, boxShadowTokens, colorTokens, fontWeightTokens, getDomain, spacingTokens, typographyTokens, useDomain, useDropdownButtonContext, useHandleModal, useModalValue, useSplitButtonContext, useTabs };
6364
- //# sourceMappingURL=out.js.map
6365
- //# sourceMappingURL=index.js.map
@@ -345,4 +345,3 @@
345
345
  font-size: 13px;
346
346
  }
347
347
  }
348
- /*# sourceMappingURL=global.css.map */
@@ -62,4 +62,3 @@ meter {
62
62
  :where(dialog:modal) {
63
63
  all: revert;
64
64
  }
65
- /*# sourceMappingURL=reset.css.map */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shoplflow/base",
3
- "version": "0.32.20",
3
+ "version": "0.32.21",
4
4
  "type": "module",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/index.js",
@@ -42,32 +42,32 @@
42
42
  "@emotion/styled": "11.10.8",
43
43
  "@rollup/plugin-commonjs": "^25.0.7",
44
44
  "@rollup/plugin-node-resolve": "^15.2.3",
45
- "@storybook/addon-a11y": "^7.5.3",
46
- "@storybook/addon-actions": "^7.4.1",
47
- "@storybook/addon-backgrounds": "^7.4.1",
48
- "@storybook/addon-controls": "^7.4.1",
49
- "@storybook/addon-docs": "^7.4.1",
50
- "@storybook/addon-essentials": "^7.4.1",
51
- "@storybook/addon-interactions": "^7.4.1",
52
- "@storybook/addon-links": "^7.4.1",
53
- "@storybook/addon-mdx-gfm": "^7.4.1",
54
- "@storybook/addon-measure": "^7.4.1",
55
- "@storybook/addon-outline": "^7.4.1",
56
- "@storybook/addon-toolbars": "^7.4.1",
57
- "@storybook/addon-viewport": "^7.4.1",
58
- "@storybook/addons": "^7.4.1",
59
- "@storybook/blocks": "^7.4.1",
60
- "@storybook/react": "^7.4.1",
61
- "@storybook/react-vite": "^7.4.1",
62
- "@storybook/testing-library": "^0.2.0",
63
- "@storybook/theming": "^7.4.1",
45
+ "@storybook/addon-a11y": "^8.4.7",
46
+ "@storybook/addon-actions": "^8.4.7",
47
+ "@storybook/addon-backgrounds": "^8.4.7",
48
+ "@storybook/addon-controls": "^8.4.7",
49
+ "@storybook/addon-docs": "^8.4.7",
50
+ "@storybook/addon-essentials": "^8.4.7",
51
+ "@storybook/addon-interactions": "^8.4.7",
52
+ "@storybook/addon-links": "^8.4.7",
53
+ "@storybook/addon-mdx-gfm": "^8.4.7",
54
+ "@storybook/addon-measure": "^8.4.7",
55
+ "@storybook/addon-outline": "^8.4.7",
56
+ "@storybook/addon-toolbars": "^8.4.7",
57
+ "@storybook/addon-viewport": "^8.4.7",
58
+ "@storybook/blocks": "^8.4.7",
59
+ "@storybook/manager-api": "^8.4.7",
60
+ "@storybook/preview-api": "^8.4.7",
61
+ "@storybook/react": "^8.4.7",
62
+ "@storybook/react-vite": "^8.4.7",
63
+ "@storybook/test": "^8.4.7",
64
+ "@storybook/theming": "^8.4.7",
64
65
  "@types/node": "20.4.9",
65
66
  "@types/react": "^18.2.0",
66
67
  "@types/react-dom": "^18.2.1",
67
68
  "classnames": "^2.3.2",
68
69
  "eslint-plugin-storybook": "^0.6.13",
69
- "storybook": "^7.4.1",
70
- "storybook-addon-performance": "^0.17.1",
70
+ "storybook": "^8.4.7",
71
71
  "ts-node": "^10.9.1",
72
72
  "tslib": "^2.6.2",
73
73
  "tsup": "7.2.0",
@@ -84,14 +84,14 @@
84
84
  "@floating-ui/react-dom": "^2.0.3",
85
85
  "date-fns": "^3.6.0",
86
86
  "framer-motion": "10.12.6",
87
+ "react": "^18.2.0",
87
88
  "react-custom-scrollbars-2": "^4.5.0",
88
89
  "react-datepicker": "^7.3.0",
89
- "simplebar-react": "^3.2.6",
90
- "react": "^18.2.0",
91
90
  "react-dom": "^18.2.0",
92
- "@shoplflow/hada-assets": "^0.1.2",
93
- "@shoplflow/shopl-assets": "^0.10.3",
94
- "@shoplflow/utils": "^0.6.4"
91
+ "simplebar-react": "^3.2.6",
92
+ "@shoplflow/hada-assets": "^0.1.3",
93
+ "@shoplflow/shopl-assets": "^0.10.4",
94
+ "@shoplflow/utils": "^0.6.5"
95
95
  },
96
96
  "scripts": {
97
97
  "type-check": "tsc --noEmit",