@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 +36 -29
- package/dist/index.d.cts +3 -3
- package/dist/index.d.ts +3 -3
- package/dist/index.js +36 -29
- package/dist/styles/global.css +0 -1
- package/dist/styles/reset.css +0 -1
- package/package.json +27 -27
- package/dist/index.cjs.map +0 -1
- package/dist/index.js.map +0 -1
- package/dist/styles/global.css.map +0 -1
- package/dist/styles/reset.css.map +0 -1
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.
|
|
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.
|
|
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 (
|
|
115
|
-
|
|
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
|
|
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.
|
|
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.
|
|
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 (
|
|
88
|
-
|
|
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
|
|
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
|
package/dist/styles/global.css
CHANGED
package/dist/styles/reset.css
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@shoplflow/base",
|
|
3
|
-
"version": "0.32.
|
|
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": "^
|
|
46
|
-
"@storybook/addon-actions": "^
|
|
47
|
-
"@storybook/addon-backgrounds": "^
|
|
48
|
-
"@storybook/addon-controls": "^
|
|
49
|
-
"@storybook/addon-docs": "^
|
|
50
|
-
"@storybook/addon-essentials": "^
|
|
51
|
-
"@storybook/addon-interactions": "^
|
|
52
|
-
"@storybook/addon-links": "^
|
|
53
|
-
"@storybook/addon-mdx-gfm": "^
|
|
54
|
-
"@storybook/addon-measure": "^
|
|
55
|
-
"@storybook/addon-outline": "^
|
|
56
|
-
"@storybook/addon-toolbars": "^
|
|
57
|
-
"@storybook/addon-viewport": "^
|
|
58
|
-
"@storybook/
|
|
59
|
-
"@storybook/
|
|
60
|
-
"@storybook/
|
|
61
|
-
"@storybook/react
|
|
62
|
-
"@storybook/
|
|
63
|
-
"@storybook/
|
|
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": "^
|
|
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
|
-
"
|
|
93
|
-
"@shoplflow/
|
|
94
|
-
"@shoplflow/
|
|
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",
|