@janbox/storefront-ui 1.0.0 → 1.0.2
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/hooks/index.d.ts +2 -0
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +4 -0
- package/dist/hooks/use-controllable-state.js +2 -2
- package/dist/hooks/use-countdown-timer.js +1 -1
- package/dist/hooks/use-first-mount-state/index.d.ts +2 -0
- package/dist/hooks/use-first-mount-state/index.d.ts.map +1 -0
- package/dist/hooks/use-first-mount-state/index.js +12 -0
- package/dist/hooks/use-update-effect/index.d.ts +3 -0
- package/dist/hooks/use-update-effect/index.d.ts.map +1 -0
- package/dist/hooks/use-update-effect/index.js +13 -0
- package/dist/lib/accordion/accordion/accordion.d.ts +2 -1
- package/dist/lib/accordion/accordion/accordion.d.ts.map +1 -1
- package/dist/lib/accordion/accordion/accordion.js +15 -6
- package/dist/lib/accordion/accordion/types.d.ts +2 -2
- package/dist/lib/accordion/accordion/types.d.ts.map +1 -1
- package/dist/lib/date-picker/date-picker.d.ts.map +1 -1
- package/dist/lib/date-picker/date-picker.js +1 -2
- package/dist/lib/input-range/index.d.ts +1 -0
- package/dist/lib/input-range/index.d.ts.map +1 -1
- package/dist/lib/input-range/types.d.ts +3 -4
- package/dist/lib/input-range/types.d.ts.map +1 -1
- package/dist/node_modules/.pnpm/react-use@17.6.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-use/esm/misc/isDeepEqual.js +5 -0
- package/dist/node_modules/.pnpm/react-use@17.6.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-use/esm/useCustomCompareEffect.js +25 -0
- package/dist/node_modules/.pnpm/react-use@17.6.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-use/esm/useDeepCompareEffect.js +19 -0
- package/dist/node_modules/.pnpm/react-use@17.6.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-use/esm/useFirstMountState.js +12 -0
- package/dist/node_modules/.pnpm/react-use@17.6.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-use/esm/useUpdateEffect.js +13 -0
- package/dist/style.css +579 -0
- package/package.json +1 -14
- package/dist/HOCs/index.cjs +0 -4
- package/dist/HOCs/with-query-fallback.cjs +0 -16
- package/dist/assets/json/countries.json.cjs +0 -1159
- package/dist/assets/svg/arrow-down.svg.cjs +0 -3
- package/dist/assets/svg/arrow-forward.svg.cjs +0 -3
- package/dist/assets/svg/arrow-left.svg.cjs +0 -3
- package/dist/assets/svg/arrow-right.svg.cjs +0 -3
- package/dist/assets/svg/calendar.svg.cjs +0 -3
- package/dist/assets/svg/check.svg.cjs +0 -3
- package/dist/assets/svg/clock-time.svg.cjs +0 -3
- package/dist/assets/svg/done-check.svg.cjs +0 -3
- package/dist/assets/svg/earth-home-world.svg.cjs +0 -3
- package/dist/assets/svg/eye-hidden.svg.cjs +0 -3
- package/dist/assets/svg/eye-show-visible.svg.cjs +0 -3
- package/dist/assets/svg/image-placeholder.svg.cjs +0 -3
- package/dist/assets/svg/loading-waiting.svg.cjs +0 -3
- package/dist/assets/svg/long-arrow-right.svg.cjs +0 -3
- package/dist/assets/svg/minus.svg.cjs +0 -3
- package/dist/assets/svg/plus.svg.cjs +0 -3
- package/dist/assets/svg/search-add-plus-middle.svg.cjs +0 -3
- package/dist/assets/svg/search-minus.svg.cjs +0 -3
- package/dist/assets/svg/times-close-delete.svg.cjs +0 -3
- package/dist/components/index.cjs +0 -8
- package/dist/components/scroll-view.cjs +0 -19
- package/dist/components/svg-loader.cjs +0 -14
- package/dist/components/virtualized-list.cjs +0 -43
- package/dist/constants/index.cjs +0 -32
- package/dist/hooks/index.cjs +0 -14
- package/dist/hooks/use-controllable-state.cjs +0 -39
- package/dist/hooks/use-countdown-timer.cjs +0 -85
- package/dist/hooks/use-hover-line-effect/index.cjs +0 -24
- package/dist/hooks/use-hover-line-effect/use-hover-line-effect.module.scss.cjs +0 -8
- package/dist/hooks/use-query-params.cjs +0 -53
- package/dist/hooks/use-ripple-effect/index.cjs +0 -69
- package/dist/hooks/use-ripple-effect/use-ripple-effect.module.scss.cjs +0 -11
- package/dist/hooks/use-window-screen/index.cjs +0 -52
- package/dist/index.cjs +0 -305
- package/dist/lib/accordion/accordion/accordion.cjs +0 -109
- package/dist/lib/accordion/accordion/helpers.cjs +0 -21
- package/dist/lib/accordion/accordion/types.cjs +0 -7
- package/dist/lib/accordion/accordion-content/accordion-content.cjs +0 -41
- package/dist/lib/accordion/accordion-content/helpers.cjs +0 -8
- package/dist/lib/accordion/accordion-group/accordion-group.cjs +0 -56
- package/dist/lib/accordion/accordion-group/helpers.cjs +0 -20
- package/dist/lib/accordion/accordion-group/types.cjs +0 -7
- package/dist/lib/accordion/accordion-summary/accordion-summary.cjs +0 -64
- package/dist/lib/accordion/accordion-summary/helpers.cjs +0 -15
- package/dist/lib/accordion/accordion-summary/types.cjs +0 -8
- package/dist/lib/badge/badge.cjs +0 -42
- package/dist/lib/badge/helpers.cjs +0 -8
- package/dist/lib/box/box.cjs +0 -55
- package/dist/lib/box/helpers.cjs +0 -8
- package/dist/lib/breadcrumbs/breadcrumb-item/breadcrumb-item.cjs +0 -28
- package/dist/lib/breadcrumbs/breadcrumbs/breadcrumbs.cjs +0 -44
- package/dist/lib/button/button.cjs +0 -235
- package/dist/lib/button/helpers.cjs +0 -74
- package/dist/lib/cascader/cascader.cjs +0 -497
- package/dist/lib/cascader/helpers.cjs +0 -28
- package/dist/lib/checkbox/checkbox.cjs +0 -52
- package/dist/lib/checkbox/checkbox.module.scss.cjs +0 -23
- package/dist/lib/chip/chip.cjs +0 -60
- package/dist/lib/chip/helpers.cjs +0 -14
- package/dist/lib/collapse/collapse.cjs +0 -50
- package/dist/lib/container/container.cjs +0 -101
- package/dist/lib/container/helpers.cjs +0 -12
- package/dist/lib/count-up/count-up.cjs +0 -38
- package/dist/lib/countdown-timer/countdown-timer.cjs +0 -9
- package/dist/lib/date-picker/date-picker.cjs +0 -169
- package/dist/lib/date-picker/helpers.cjs +0 -12
- package/dist/lib/dialog/dialog/dialog.cjs +0 -93
- package/dist/lib/dialog/dialog/helpers.cjs +0 -27
- package/dist/lib/dialog/dialog-body/dialog-body.cjs +0 -32
- package/dist/lib/dialog/dialog-close/dialog-close.cjs +0 -5
- package/dist/lib/dialog/dialog-footer/dialog-footer.cjs +0 -31
- package/dist/lib/dialog/dialog-header/dialog-header.cjs +0 -73
- package/dist/lib/drawer/drawer/drawer.cjs +0 -100
- package/dist/lib/drawer/drawer/helpers.cjs +0 -7
- package/dist/lib/drawer/drawer-close/drawer-close.cjs +0 -5
- package/dist/lib/filter-panel/checkbox-filter-panel.cjs +0 -107
- package/dist/lib/filter-panel/filter-panel.cjs +0 -37
- package/dist/lib/filter-panel/input-range-filter-panel.cjs +0 -78
- package/dist/lib/filter-panel/input-text-filter-panel.cjs +0 -57
- package/dist/lib/filter-panel/radio-filter-panel.cjs +0 -95
- package/dist/lib/flag/flag.cjs +0 -20
- package/dist/lib/flag/helpers.cjs +0 -16
- package/dist/lib/flexbox/flex-item/flex-item.cjs +0 -22
- package/dist/lib/flexbox/flex-item/helpers.cjs +0 -10
- package/dist/lib/flexbox/flexbox/flexbox.cjs +0 -46
- package/dist/lib/flexbox/flexbox/helpers.cjs +0 -16
- package/dist/lib/floating/floating/floating.cjs +0 -97
- package/dist/lib/floating/floating/helpers.cjs +0 -9
- package/dist/lib/floating/floating-close/floating-close.cjs +0 -32
- package/dist/lib/floating/floating-content/floating-content.cjs +0 -57
- package/dist/lib/floating/floating-trigger/floating-trigger.cjs +0 -35
- package/dist/lib/form-helper-text/form-helper-text.cjs +0 -35
- package/dist/lib/form-label/form-label.cjs +0 -28
- package/dist/lib/generic-element/generic-element.cjs +0 -15
- package/dist/lib/grid/cell/cell.cjs +0 -28
- package/dist/lib/grid/cell/helpers.cjs +0 -8
- package/dist/lib/grid/grid/grid.cjs +0 -53
- package/dist/lib/grid/grid/helpers.cjs +0 -12
- package/dist/lib/highlight-words/highlight-words.cjs +0 -18
- package/dist/lib/icon/helpers.cjs +0 -12
- package/dist/lib/icon/icon.cjs +0 -38
- package/dist/lib/icon-button/helpers.cjs +0 -42
- package/dist/lib/icon-button/icon-button.cjs +0 -146
- package/dist/lib/image/helpers.cjs +0 -15
- package/dist/lib/image/image.cjs +0 -36
- package/dist/lib/input/helpers.cjs +0 -38
- package/dist/lib/input/input.cjs +0 -205
- package/dist/lib/input/input.module.scss.cjs +0 -17
- package/dist/lib/input-mask/helpers.cjs +0 -12
- package/dist/lib/input-mask/input-mask.cjs +0 -120
- package/dist/lib/input-number/input-number.cjs +0 -132
- package/dist/lib/input-number/input-number.module.scss.cjs +0 -8
- package/dist/lib/input-range/helpers.cjs +0 -12
- package/dist/lib/input-range/input-range.cjs +0 -179
- package/dist/lib/input-range/input-range.module.scss.cjs +0 -8
- package/dist/lib/lightbox/lightbox.cjs +0 -199
- package/dist/lib/linear-progress/helpers.cjs +0 -13
- package/dist/lib/linear-progress/linear-progress.cjs +0 -75
- package/dist/lib/link/helpers.cjs +0 -8
- package/dist/lib/link/link.cjs +0 -63
- package/dist/lib/loading/block-skeleton/block-skeleton.cjs +0 -21
- package/dist/lib/loading/image-skeleton/image-skeleton.cjs +0 -43
- package/dist/lib/loading/loading-overlay/loading-overlay.cjs +0 -60
- package/dist/lib/loading/text-skeleton/text-skeleton.cjs +0 -16
- package/dist/lib/marquee/marquee/helpers.cjs +0 -15
- package/dist/lib/marquee/marquee/marquee.cjs +0 -99
- package/dist/lib/marquee/marquee/types.cjs +0 -7
- package/dist/lib/marquee/marquee-item/marquee-item.cjs +0 -16
- package/dist/lib/menu/menu/menu.cjs +0 -38
- package/dist/lib/menu/menu-item/helpers.cjs +0 -16
- package/dist/lib/menu/menu-item/menu-item.cjs +0 -34
- package/dist/lib/menu/menu-list/menu-list.cjs +0 -34
- package/dist/lib/menu/menu-list/types.cjs +0 -7
- package/dist/lib/menu/menu-trigger/menu-trigger.cjs +0 -8
- package/dist/lib/multiple-select/helpers.cjs +0 -12
- package/dist/lib/multiple-select/multiple-select.cjs +0 -348
- package/dist/lib/nav-link/nav-link.cjs +0 -40
- package/dist/lib/notifications/helpers.cjs +0 -39
- package/dist/lib/notifications/notifications.cjs +0 -167
- package/dist/lib/otp-input/otp-input.cjs +0 -132
- package/dist/lib/pagination/helpers.cjs +0 -57
- package/dist/lib/pagination/pagination.cjs +0 -163
- package/dist/lib/phone-input/phone-input.cjs +0 -182
- package/dist/lib/popover/popover/helpers.cjs +0 -7
- package/dist/lib/popover/popover/popover.cjs +0 -31
- package/dist/lib/popover/popover-close/popover-close.cjs +0 -5
- package/dist/lib/popover/popover-content/popover-content.cjs +0 -29
- package/dist/lib/popover/popover-trigger/popover-trigger.cjs +0 -8
- package/dist/lib/primitive/primitive.cjs +0 -30
- package/dist/lib/progress/progress.cjs +0 -50
- package/dist/lib/radio-button/helpers.cjs +0 -8
- package/dist/lib/radio-button/radio-button.cjs +0 -33
- package/dist/lib/radio-button/radio-button.module.scss.cjs +0 -17
- package/dist/lib/select/helpers.cjs +0 -12
- package/dist/lib/select/select.cjs +0 -317
- package/dist/lib/star-rating/star-rating.cjs +0 -39
- package/dist/lib/stepper/step.cjs +0 -69
- package/dist/lib/stepper/stepper.cjs +0 -86
- package/dist/lib/stepper/types.cjs +0 -8
- package/dist/lib/swiper/swiper/helpers.cjs +0 -16
- package/dist/lib/swiper/swiper/swiper.cjs +0 -113
- package/dist/lib/swiper/swiper-dots-paging/swiper-dots-paging.cjs +0 -77
- package/dist/lib/swiper/swiper-slide/swiper-slide.cjs +0 -31
- package/dist/lib/switch/switch.cjs +0 -19
- package/dist/lib/switch/switch.module.scss.cjs +0 -14
- package/dist/lib/table/table/table.cjs +0 -26
- package/dist/lib/table/table-body/table-body.cjs +0 -34
- package/dist/lib/table/table-cell/table-cell.cjs +0 -12
- package/dist/lib/table/table-footer/table-footer.cjs +0 -7
- package/dist/lib/table/table-head/table-head.cjs +0 -33
- package/dist/lib/table/table-row/table-row.cjs +0 -7
- package/dist/lib/tabs/tab/helpers.cjs +0 -9
- package/dist/lib/tabs/tab/tab.cjs +0 -26
- package/dist/lib/tabs/tab-content/tab-content.cjs +0 -22
- package/dist/lib/tabs/tab-indicator/tab-indicator.cjs +0 -92
- package/dist/lib/tabs/tab-list/helpers.cjs +0 -8
- package/dist/lib/tabs/tab-list/tab-list.cjs +0 -40
- package/dist/lib/tabs/tab-panel/helpers.cjs +0 -8
- package/dist/lib/tabs/tab-panel/tab-panel.cjs +0 -21
- package/dist/lib/tabs/tabs/helpers.cjs +0 -36
- package/dist/lib/tabs/tabs/tabs.cjs +0 -62
- package/dist/lib/text/helpers.cjs +0 -140
- package/dist/lib/text/text.cjs +0 -41
- package/dist/lib/textarea/helpers.cjs +0 -12
- package/dist/lib/textarea/textarea.cjs +0 -122
- package/dist/lib/textarea/textarea.module.scss.cjs +0 -14
- package/dist/lib/time-picker/time-picker.cjs +0 -305
- package/dist/lib/tooltip/tooltip.cjs +0 -124
- package/dist/lib/trans-html/trans-html.cjs +0 -26
- package/dist/lib/unordered-list/list-item/helpers.cjs +0 -14
- package/dist/lib/unordered-list/list-item/list-item.cjs +0 -36
- package/dist/lib/unordered-list/unordered-list/helpers.cjs +0 -14
- package/dist/lib/unordered-list/unordered-list/unordered-list.cjs +0 -27
- package/dist/lib/video/helpers.cjs +0 -10
- package/dist/lib/video/video.cjs +0 -24
- package/dist/theme/index.cjs +0 -22
- package/dist/theme/palette.cjs +0 -287
- package/dist/theme/provider.cjs +0 -303
- package/dist/theme/screens.cjs +0 -24
- package/dist/theme/typography.cjs +0 -29
- package/dist/types/index.cjs +0 -1
- package/dist/utils/common.cjs +0 -139
- package/dist/utils/emotion-helpers.cjs +0 -145
- package/dist/utils/index.cjs +0 -233
- package/dist/utils/query-params.cjs +0 -130
- package/dist/utils/stylesheet.cjs +0 -5
package/dist/hooks/index.d.ts
CHANGED
|
@@ -4,4 +4,6 @@ export * from './use-ripple-effect';
|
|
|
4
4
|
export * from './use-controllable-state';
|
|
5
5
|
export * from './use-countdown-timer';
|
|
6
6
|
export * from './use-query-params';
|
|
7
|
+
export * from './use-first-mount-state';
|
|
8
|
+
export * from './use-update-effect';
|
|
7
9
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC"}
|
package/dist/hooks/index.js
CHANGED
|
@@ -4,11 +4,15 @@ import { useRippleEffect } from "./use-ripple-effect/index.js";
|
|
|
4
4
|
import { useControllableState } from "./use-controllable-state.js";
|
|
5
5
|
import { useCountdownTimer } from "./use-countdown-timer.js";
|
|
6
6
|
import { useQueryParams } from "./use-query-params.js";
|
|
7
|
+
import { useFirstMountState } from "./use-first-mount-state/index.js";
|
|
8
|
+
import { useUpdateEffect } from "./use-update-effect/index.js";
|
|
7
9
|
export {
|
|
8
10
|
useControllableState,
|
|
9
11
|
useCountdownTimer,
|
|
12
|
+
useFirstMountState,
|
|
10
13
|
useHoverLineEffect,
|
|
11
14
|
useQueryParams,
|
|
12
15
|
useRippleEffect,
|
|
16
|
+
useUpdateEffect,
|
|
13
17
|
useWindowScreen
|
|
14
18
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useRef, useState, useMemo, useCallback } from "react";
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
2
|
+
import { isUndefined, isEqual } from "lodash-es";
|
|
3
|
+
import useUpdateEffect from "../node_modules/.pnpm/react-use@17.6.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-use/esm/useUpdateEffect.js";
|
|
4
4
|
const getIsControlled = (value) => !isUndefined(value);
|
|
5
5
|
const useControllableState = ({
|
|
6
6
|
defaultValue,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useRef, useState } from "react";
|
|
2
2
|
import dayjs from "dayjs";
|
|
3
|
-
import
|
|
3
|
+
import useDeepCompareEffect from "../node_modules/.pnpm/react-use@17.6.0_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/react-use/esm/useDeepCompareEffect.js";
|
|
4
4
|
const getTimeDiff = (end, omit) => {
|
|
5
5
|
const now = dayjs();
|
|
6
6
|
const target = dayjs(end);
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-first-mount-state/index.ts"],"names":[],"mappings":"AAEA,wBAAgB,kBAAkB,YAUjC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-update-effect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,cAAc,EAAa,MAAM,OAAO,CAAC;AAGlE,eAAO,MAAM,eAAe,WAClB,cAAc,QAChB,cAAc,SASrB,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { useEffect } from "react";
|
|
2
|
+
import { useFirstMountState } from "../use-first-mount-state/index.js";
|
|
3
|
+
const useUpdateEffect = (effect, deps) => {
|
|
4
|
+
const isFirstMount = useFirstMountState();
|
|
5
|
+
useEffect(() => {
|
|
6
|
+
if (!isFirstMount) {
|
|
7
|
+
return effect();
|
|
8
|
+
}
|
|
9
|
+
}, deps);
|
|
10
|
+
};
|
|
11
|
+
export {
|
|
12
|
+
useUpdateEffect
|
|
13
|
+
};
|
|
@@ -1,2 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
import { AccordionProps } from './types';
|
|
2
|
+
export declare const Accordion: (_props: AccordionProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
2
3
|
//# sourceMappingURL=accordion.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/accordion/accordion.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/accordion/accordion.tsx"],"names":[],"mappings":"AAYA,OAAO,EAA2B,cAAc,EAAE,MAAM,SAAS,CAAC;AAUlE,eAAO,MAAM,SAAS,WAAY,cAAc,qDA4H/C,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import {
|
|
2
|
+
import { useRef, useCallback, useMemo, useEffect } from "react";
|
|
3
3
|
import { useMergeRefs } from "@floating-ui/react";
|
|
4
4
|
import { isNil } from "lodash-es";
|
|
5
5
|
import { getAccordionProps, getAccordionDataAttributes, AccordionContext } from "./helpers.js";
|
|
@@ -9,7 +9,7 @@ import { useControllableState } from "../../../hooks/use-controllable-state.js";
|
|
|
9
9
|
import { mediaQuery } from "../../../theme/screens.js";
|
|
10
10
|
import "../../../theme/palette.js";
|
|
11
11
|
import { getAccordionGroupDataAttributes } from "../accordion-group/helpers.js";
|
|
12
|
-
const Accordion =
|
|
12
|
+
const Accordion = (_props) => {
|
|
13
13
|
const {
|
|
14
14
|
xs,
|
|
15
15
|
sm,
|
|
@@ -19,6 +19,7 @@ const Accordion = forwardRef((_props, ref) => {
|
|
|
19
19
|
open: controlledOpen,
|
|
20
20
|
defaultOpen = false,
|
|
21
21
|
onOpenChange: onOpenChangeCallback,
|
|
22
|
+
ref,
|
|
22
23
|
...rest
|
|
23
24
|
} = getAccordionProps(_props);
|
|
24
25
|
const rootRef = useRef(null);
|
|
@@ -52,7 +53,10 @@ const Accordion = forwardRef((_props, ref) => {
|
|
|
52
53
|
if (!rootElement) return;
|
|
53
54
|
const { openState: currentOpen } = getAccordionDataAttributes(rootElement);
|
|
54
55
|
const nextOpen = !currentOpen;
|
|
55
|
-
rootElement.setAttribute(
|
|
56
|
+
rootElement.setAttribute(
|
|
57
|
+
AccordionDataAttributes.OpenState,
|
|
58
|
+
nextOpen.toString()
|
|
59
|
+
);
|
|
56
60
|
}, []);
|
|
57
61
|
const contextValue = useMemo(
|
|
58
62
|
() => ({
|
|
@@ -69,12 +73,17 @@ const Accordion = forwardRef((_props, ref) => {
|
|
|
69
73
|
const nextOpen = target.getAttribute(AccordionDataAttributes.OpenState) === Booleanish.True;
|
|
70
74
|
onOpenChange(nextOpen);
|
|
71
75
|
if (nextOpen && target.parentElement) {
|
|
72
|
-
const { openMode } = getAccordionGroupDataAttributes(
|
|
76
|
+
const { openMode } = getAccordionGroupDataAttributes(
|
|
77
|
+
target.parentElement
|
|
78
|
+
);
|
|
73
79
|
switch (openMode) {
|
|
74
80
|
case "single":
|
|
75
81
|
for (const child of target.parentElement.children) {
|
|
76
82
|
if (child !== target && getAccordionDataAttributes(child).openState) {
|
|
77
|
-
child.setAttribute(
|
|
83
|
+
child.setAttribute(
|
|
84
|
+
AccordionDataAttributes.OpenState,
|
|
85
|
+
Booleanish.False
|
|
86
|
+
);
|
|
78
87
|
}
|
|
79
88
|
}
|
|
80
89
|
break;
|
|
@@ -103,7 +112,7 @@ const Accordion = forwardRef((_props, ref) => {
|
|
|
103
112
|
children
|
|
104
113
|
}
|
|
105
114
|
) });
|
|
106
|
-
}
|
|
115
|
+
};
|
|
107
116
|
export {
|
|
108
117
|
Accordion
|
|
109
118
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { JSX } from 'react';
|
|
2
2
|
import { PropsWithCSS, ResponsiveDesign, ShallowMerge } from '../../../types';
|
|
3
3
|
export declare enum AccordionDataAttributes {
|
|
4
4
|
OpenState = "data-open"
|
|
@@ -8,5 +8,5 @@ export interface AccordionExtendedProps extends ResponsiveDesign<PropsWithCSS> {
|
|
|
8
8
|
open?: boolean;
|
|
9
9
|
onOpenChange?: (open: boolean) => void;
|
|
10
10
|
}
|
|
11
|
-
export type AccordionProps = ShallowMerge<
|
|
11
|
+
export type AccordionProps = ShallowMerge<JSX.IntrinsicElements["div"], AccordionExtendedProps>;
|
|
12
12
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/accordion/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/accordion/accordion/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9E,oBAAY,uBAAuB;IACjC,SAAS,cAAc;CACxB;AAED,MAAM,WAAW,sBAAuB,SAAQ,gBAAgB,CAAC,YAAY,CAAC;IAC5E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC;AAED,MAAM,MAAM,cAAc,GAAG,YAAY,CACvC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC5B,sBAAsB,CACvB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/lib/date-picker/date-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../src/lib/date-picker/date-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,CAAC;AAE3B,OAAO,KAAkC,MAAM,OAAO,CAAC;AAQvD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAmB1C,QAAA,MAAM,UAAU,WAAY,eAAe,QAAQ,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,qDAgKvF,CAAC;AAEF,QAAA,MAAM,oBAAoB,EAAwC,OAAO,UAAU,CAAC;AAEpF,OAAO,EAAE,oBAAoB,IAAI,UAAU,EAAE,CAAC"}
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { jsxs, jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
-
|
|
3
|
-
import "react-date-range/dist/theme/default.css";
|
|
2
|
+
/* empty css */
|
|
4
3
|
import { forwardRef, useRef } from "react";
|
|
5
4
|
import dayjs from "dayjs";
|
|
6
5
|
import { isNil } from "lodash-es";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/input-range/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/input-range/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC"}
|
|
@@ -1,12 +1,11 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { JSX } from 'react';
|
|
2
2
|
import { IconProps } from '../icon';
|
|
3
3
|
import { InputNumberProps } from '../input-number/types';
|
|
4
4
|
import { SizeVariant, ResponsiveDesign, ShallowMerge } from '../../types';
|
|
5
5
|
export interface InputRangeResponsiveProps {
|
|
6
6
|
size?: SizeVariant;
|
|
7
7
|
}
|
|
8
|
-
export type
|
|
9
|
-
export type InputRangeEdge = 'from' | 'to';
|
|
8
|
+
export type InputRangeEdge = "from" | "to";
|
|
10
9
|
interface InputRangeExtendedProps extends ResponsiveDesign<InputRangeResponsiveProps> {
|
|
11
10
|
inputs?: [InputNumberProps, InputNumberProps];
|
|
12
11
|
error?: boolean;
|
|
@@ -17,6 +16,6 @@ interface InputRangeExtendedProps extends ResponsiveDesign<InputRangeResponsiveP
|
|
|
17
16
|
startIcon?: IconProps;
|
|
18
17
|
endIcon?: IconProps;
|
|
19
18
|
}
|
|
20
|
-
export type InputRangeProps = ShallowMerge<JSX.IntrinsicElements[
|
|
19
|
+
export type InputRangeProps = ShallowMerge<JSX.IntrinsicElements["div"], InputRangeExtendedProps>;
|
|
21
20
|
export {};
|
|
22
21
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/input-range/types.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/input-range/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE1E,MAAM,WAAW,yBAAyB;IACxC,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,IAAI,CAAC;AAE3C,UAAU,uBAAwB,SAAQ,gBAAgB,CAAC,yBAAyB,CAAC;IACnF,MAAM,CAAC,EAAE,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,CAAC;IAC9C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CACT,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,EACtC,IAAI,EAAE,cAAc,KACjB,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,eAAe,GAAG,YAAY,CACxC,GAAG,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAC5B,uBAAuB,CACxB,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import isDeepEqualReact from "/Users/akashi/Work/iChiba/@janbox/storefront-ui/node_modules/.pnpm/fast-deep-equal@3.1.3/node_modules/fast-deep-equal/react.js";
|
|
2
|
+
import { default as default2 } from "/Users/akashi/Work/iChiba/@janbox/storefront-ui/node_modules/.pnpm/fast-deep-equal@3.1.3/node_modules/fast-deep-equal/react.js";
|
|
3
|
+
export {
|
|
4
|
+
default2 as default
|
|
5
|
+
};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { useRef, useEffect } from "react";
|
|
2
|
+
var isPrimitive = function(val) {
|
|
3
|
+
return val !== Object(val);
|
|
4
|
+
};
|
|
5
|
+
var useCustomCompareEffect = function(effect, deps, depsEqual) {
|
|
6
|
+
if (process.env.NODE_ENV !== "production") {
|
|
7
|
+
if (!(deps instanceof Array) || !deps.length) {
|
|
8
|
+
console.warn("`useCustomCompareEffect` should not be used with no dependencies. Use React.useEffect instead.");
|
|
9
|
+
}
|
|
10
|
+
if (deps.every(isPrimitive)) {
|
|
11
|
+
console.warn("`useCustomCompareEffect` should not be used with dependencies that are all primitive values. Use React.useEffect instead.");
|
|
12
|
+
}
|
|
13
|
+
if (typeof depsEqual !== "function") {
|
|
14
|
+
console.warn("`useCustomCompareEffect` should be used with depsEqual callback for comparing deps list");
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
var ref = useRef(void 0);
|
|
18
|
+
if (!ref.current || !depsEqual(deps, ref.current)) {
|
|
19
|
+
ref.current = deps;
|
|
20
|
+
}
|
|
21
|
+
useEffect(effect, ref.current);
|
|
22
|
+
};
|
|
23
|
+
export {
|
|
24
|
+
useCustomCompareEffect as default
|
|
25
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import useCustomCompareEffect from "./useCustomCompareEffect.js";
|
|
2
|
+
import isDeepEqualReact from "/Users/akashi/Work/iChiba/@janbox/storefront-ui/node_modules/.pnpm/fast-deep-equal@3.1.3/node_modules/fast-deep-equal/react.js";
|
|
3
|
+
var isPrimitive = function(val) {
|
|
4
|
+
return val !== Object(val);
|
|
5
|
+
};
|
|
6
|
+
var useDeepCompareEffect = function(effect, deps) {
|
|
7
|
+
if (process.env.NODE_ENV !== "production") {
|
|
8
|
+
if (!(deps instanceof Array) || !deps.length) {
|
|
9
|
+
console.warn("`useDeepCompareEffect` should not be used with no dependencies. Use React.useEffect instead.");
|
|
10
|
+
}
|
|
11
|
+
if (deps.every(isPrimitive)) {
|
|
12
|
+
console.warn("`useDeepCompareEffect` should not be used with dependencies that are all primitive values. Use React.useEffect instead.");
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
useCustomCompareEffect(effect, deps, isDeepEqualReact);
|
|
16
|
+
};
|
|
17
|
+
export {
|
|
18
|
+
useDeepCompareEffect as default
|
|
19
|
+
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { useEffect } from "react";
|
|
2
|
+
import { useFirstMountState } from "./useFirstMountState.js";
|
|
3
|
+
var useUpdateEffect = function(effect, deps) {
|
|
4
|
+
var isFirstMount = useFirstMountState();
|
|
5
|
+
useEffect(function() {
|
|
6
|
+
if (!isFirstMount) {
|
|
7
|
+
return effect();
|
|
8
|
+
}
|
|
9
|
+
}, deps);
|
|
10
|
+
};
|
|
11
|
+
export {
|
|
12
|
+
useUpdateEffect as default
|
|
13
|
+
};
|