@oliasoft-open-source/react-ui-library 6.12.0-beta-3 → 6.12.0-beta-4
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/README.md +11 -2
- package/dist/components/slider/slider.d.ts.map +1 -1
- package/dist/components/tabs/content.d.ts +8 -0
- package/dist/components/tabs/content.d.ts.map +1 -0
- package/dist/components/tabs/label.d.ts +9 -1
- package/dist/components/tabs/label.d.ts.map +1 -1
- package/dist/components/tabs/tabs.d.ts +7 -10
- package/dist/components/tabs/tabs.d.ts.map +1 -1
- package/dist/components/tabs/tabs.stories.d.ts +1 -10
- package/dist/components/tabs/tabs.stories.d.ts.map +1 -1
- package/dist/components/tooltip/tooltip.d.ts +1 -0
- package/dist/components/tooltip/tooltip.d.ts.map +1 -1
- package/dist/components/unit-slider/unit-slider.d.ts +27 -0
- package/dist/components/unit-slider/unit-slider.d.ts.map +1 -0
- package/dist/components/unit-slider/unit-slider.stories.d.ts +8 -0
- package/dist/components/unit-slider/unit-slider.stories.d.ts.map +1 -0
- package/dist/components/unit-slider/unit-slider.test-case.stories.d.ts +15 -0
- package/dist/components/unit-slider/unit-slider.test-case.stories.d.ts.map +1 -0
- package/dist/global.css +1 -1
- package/dist/helpers/floating-layer/hooks/use-floating-layer.d.ts +1 -1
- package/dist/helpers/floating-layer/hooks/use-floating-layer.d.ts.map +1 -1
- package/dist/helpers/floating-layer/types.d.ts +1 -0
- package/dist/helpers/floating-layer/types.d.ts.map +1 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1981 -1869
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -2127,12 +2127,16 @@ The `Tabs` component creates a tabbed interface for organizing content.
|
|
|
2127
2127
|
|-------------------|----------------------------------------------------------------------|---------------|
|
|
2128
2128
|
| `name` | Name of the tabs (optional). | - |
|
|
2129
2129
|
| `options` | Array of tab options. | `null` |
|
|
2130
|
+
| `children` | Content of the tabs. | `null` |
|
|
2130
2131
|
| `value` | Currently selected tab option. | - |
|
|
2131
2132
|
| `onChange` | Function called when a tab is selected. | `() => {}` |
|
|
2132
2133
|
| `padding` | Determines if padding should be applied to the tabs container. | `false` |
|
|
2133
2134
|
| `margin` | Determines if margin should be applied to the tabs container. | `true` |
|
|
2135
|
+
| `contentPadding` | Determines if padding should be applied to the tab content. | `true` |
|
|
2134
2136
|
| `testId` | Test ID for the tabs component. | - |
|
|
2135
|
-
| `
|
|
2137
|
+
| `activeTabIndex` | **(Deprecated)** Index of the active tab. | - |
|
|
2138
|
+
| `tabs` | **(Deprecated)** Array of tab options (use `options` prop instead). | - |
|
|
2139
|
+
| `onChangeTab` | **(Deprecated)** Function called when a tab is changed. | `() => {}` |
|
|
2136
2140
|
|
|
2137
2141
|
### Tab Option
|
|
2138
2142
|
|
|
@@ -2163,8 +2167,13 @@ The `Tabs` component creates a tabbed interface for organizing content.
|
|
|
2163
2167
|
onChange={(evt) => console.log('Selected tab: ', evt.target.value)}
|
|
2164
2168
|
padding={true}
|
|
2165
2169
|
margin={false}
|
|
2170
|
+
contentPadding={false}
|
|
2166
2171
|
testId="example-tabs"
|
|
2167
|
-
|
|
2172
|
+
>
|
|
2173
|
+
<div>Content for Tab 1</div>
|
|
2174
|
+
<div>Content for Tab 2</div>
|
|
2175
|
+
<div>Content for Tab 3</div>
|
|
2176
|
+
</Tabs>
|
|
2168
2177
|
```
|
|
2169
2178
|
|
|
2170
2179
|
<hr style="border: none; border-right: 2px solid black; width: 100%; height: 1px;">
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/components/slider/slider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAiC,MAAM,OAAO,CAAC;AAOxE,OAAO,EAEL,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EAChB,MAAM,iCAAiC,CAAC;AAMzC,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACvC,CAAC;AAEF,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IACtC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,eAAe,GAAG,SAAS,CAAC;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,QAAQ,CAAC,EAAE;QACT,OAAO,EAAE,OAAO,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,gBAAgB,CAAC,EAAE,mBAAmB,CAAC;CACxC;AAmBD,eAAO,MAAM,MAAM,GAAI,oLAwBpB,YAAY,
|
|
1
|
+
{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/components/slider/slider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAiC,MAAM,OAAO,CAAC;AAOxE,OAAO,EAEL,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EAChB,MAAM,iCAAiC,CAAC;AAMzC,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IACpC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACvC,CAAC;AAEF,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,iBAAiB,GAAG,SAAS,CAAC;IACtC,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACzB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,eAAe,GAAG,SAAS,CAAC;IAC7E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,QAAQ,CAAC,EAAE;QACT,OAAO,EAAE,OAAO,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,gBAAgB,CAAC,EAAE,mBAAmB,CAAC;CACxC;AAmBD,eAAO,MAAM,MAAM,GAAI,oLAwBpB,YAAY,4CAsNd,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface ITabContentProps {
|
|
3
|
+
children?: ReactNode[] | ReactNode;
|
|
4
|
+
activeTabIndex: number;
|
|
5
|
+
contentPadding?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare const Content: ({ children, activeTabIndex, contentPadding, }: ITabContentProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
8
|
+
//# sourceMappingURL=content.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/content.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIzC,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;IACnC,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,OAAO,GAAI,+CAIrB,gBAAgB,mDAMlB,CAAC"}
|
|
@@ -1,8 +1,16 @@
|
|
|
1
|
+
import { MouseEvent } from 'react';
|
|
1
2
|
import { TStringOrNumber } from '../../typings/common-type-definitions';
|
|
2
3
|
export interface ITabLabelProps {
|
|
3
4
|
label: TStringOrNumber;
|
|
5
|
+
url?: string;
|
|
6
|
+
hidden?: boolean;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
active?: boolean;
|
|
9
|
+
onClick?: (evt: MouseEvent<HTMLAnchorElement>) => void;
|
|
10
|
+
right?: boolean;
|
|
4
11
|
invalid?: boolean;
|
|
5
12
|
badge?: TStringOrNumber;
|
|
13
|
+
testId?: string;
|
|
6
14
|
}
|
|
7
|
-
export declare const
|
|
15
|
+
export declare const Label: ({ label, url, hidden, disabled, active, onClick, right, invalid, badge, testId, }: ITabLabelProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
16
|
//# sourceMappingURL=label.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/label.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/label.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAIlE,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,eAAe,CAAC;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACvD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,KAAK,GAAI,mFAWnB,cAAc,4CA+BhB,CAAC"}
|
|
@@ -1,15 +1,9 @@
|
|
|
1
|
-
import { ElementType } from 'react';
|
|
2
1
|
import { TChangeEventHandler, TStringOrNumber } from '../../typings/common-type-definitions';
|
|
3
|
-
|
|
2
|
+
interface ITabOption {
|
|
4
3
|
key?: string;
|
|
5
4
|
label: TStringOrNumber;
|
|
6
5
|
value: TStringOrNumber;
|
|
7
|
-
/** @deprecated Use `to` with `linkComponent` for internal navigation. */
|
|
8
6
|
url?: string;
|
|
9
|
-
/** Router path — rendered with `component` or `linkComponent`. */
|
|
10
|
-
to?: string;
|
|
11
|
-
/** Router link component, e.g. react-router-dom `Link`. */
|
|
12
|
-
component?: ElementType;
|
|
13
7
|
hidden?: boolean;
|
|
14
8
|
disabled?: boolean;
|
|
15
9
|
invalid?: boolean;
|
|
@@ -24,14 +18,17 @@ interface ITabSelectedOption {
|
|
|
24
18
|
export interface ITabsProps {
|
|
25
19
|
name?: string;
|
|
26
20
|
options?: ITabOption[] | null;
|
|
21
|
+
children?: any;
|
|
27
22
|
value?: ITabSelectedOption;
|
|
28
23
|
onChange?: TChangeEventHandler;
|
|
29
24
|
padding?: boolean;
|
|
30
25
|
margin?: boolean;
|
|
26
|
+
contentPadding?: boolean;
|
|
27
|
+
activeTabIndex?: number;
|
|
28
|
+
tabs?: ITabOption[] | undefined;
|
|
29
|
+
onChangeTab?: (index: number, value: TStringOrNumber | null) => void;
|
|
31
30
|
testId?: string;
|
|
32
|
-
/** Default router link component for tab options with `to`. */
|
|
33
|
-
linkComponent?: ElementType;
|
|
34
31
|
}
|
|
35
|
-
export declare const Tabs: ({ name, options: rawOptions, value: rawValue, onChange, padding, margin,
|
|
32
|
+
export declare const Tabs: ({ name, options: rawOptions, children, value: rawValue, onChange, padding, margin, contentPadding, onChangeTab, activeTabIndex: rawActiveTabIndex, tabs: tabsConfig, testId, }: ITabsProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
36
33
|
export {};
|
|
37
34
|
//# sourceMappingURL=tabs.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,mBAAmB,EACnB,eAAe,EAChB,MAAM,iCAAiC,CAAC;AAQzC,UAAU,UAAU;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,eAAe,CAAC;IACvB,KAAK,EAAE,eAAe,CAAC;IACvB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,kBAAkB;IAC1B,KAAK,EAAE,eAAe,CAAC;IACvB,KAAK,EAAE,eAAe,CAAC;CACxB;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,EAAE,GAAG,SAAS,CAAC;IAChC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,GAAG,IAAI,KAAK,IAAI,CAAC;IACrE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,IAAI,GAAI,gLAclB,UAAU,mDAiHZ,CAAC"}
|
|
@@ -3,19 +3,10 @@ import { ITabsProps } from './tabs';
|
|
|
3
3
|
declare const _default: Meta;
|
|
4
4
|
export default _default;
|
|
5
5
|
export declare const Default: StoryFn<ITabsProps>;
|
|
6
|
+
export declare const WithChildren: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, ITabsProps>;
|
|
6
7
|
export declare const NoMargin: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, ITabsProps>;
|
|
7
8
|
export declare const HorizontalPadding: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, ITabsProps>;
|
|
8
9
|
export declare const Alignment: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, ITabsProps>;
|
|
9
10
|
export declare const Managed: () => import("react/jsx-runtime").JSX.Element;
|
|
10
11
|
export declare const TestTitleCase: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, ITabsProps>;
|
|
11
|
-
export declare const WithUrls: {
|
|
12
|
-
(): import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
parameters: {
|
|
14
|
-
docs: {
|
|
15
|
-
description: {
|
|
16
|
-
story: string;
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
12
|
//# sourceMappingURL=tabs.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"tabs.stories.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAQ,MAAM,QAAQ,CAAC;wBAiBrC,IAAI;AAfT,wBAeU;AAGV,eAAO,MAAM,OAAO,EAAE,OAAO,CAAC,UAAU,CAAqB,CAAC;AAI9D,eAAO,MAAM,YAAY,8GAAoB,CAAC;AA0B9C,eAAO,MAAM,QAAQ,8GAAoB,CAAC;AAG1C,eAAO,MAAM,iBAAiB,8GAAoB,CAAC;AAWnD,eAAO,MAAM,SAAS,8GAAoB,CAAC;AAW3C,eAAO,MAAM,OAAO,+CAmCnB,CAAC;AAEF,eAAO,MAAM,aAAa,8GAAoB,CAAC"}
|
|
@@ -16,6 +16,7 @@ export interface ITooltipProps {
|
|
|
16
16
|
flex?: string;
|
|
17
17
|
triggerStyle?: CSSProperties;
|
|
18
18
|
forceOpen?: boolean;
|
|
19
|
+
updateOnAnimationFrame?: boolean;
|
|
19
20
|
children?: ReactNode;
|
|
20
21
|
}
|
|
21
22
|
export declare const Tooltip: (props: ITooltipProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,aAAa,EAEb,SAAS,EAEV,MAAM,OAAO,CAAC;AACf,OAAO,EAAqB,SAAS,EAAY,MAAM,wBAAwB,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAGlE,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;
|
|
1
|
+
{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAc,EACZ,aAAa,EAEb,SAAS,EAEV,MAAM,OAAO,CAAC;AACf,OAAO,EAAqB,SAAS,EAAY,MAAM,wBAAwB,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAGlE,MAAM,WAAW,aAAa;IAC5B,IAAI,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,kBAAkB,CAAC,EAAE,SAAS,EAAE,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAyFD,eAAO,MAAM,OAAO,GAAI,OAAO,aAAa,4CAI3C,CAAC"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
import { TChangeEventHandler } from '../../typings/common-type-definitions';
|
|
3
|
+
import { TSliderMark } from '../slider/slider';
|
|
4
|
+
export interface IUnitSliderProps {
|
|
5
|
+
name?: string;
|
|
6
|
+
value: number;
|
|
7
|
+
min: number;
|
|
8
|
+
max: number;
|
|
9
|
+
label?: ReactNode;
|
|
10
|
+
step?: number;
|
|
11
|
+
onChange: TChangeEventHandler;
|
|
12
|
+
onChangeComplete?: TChangeEventHandler;
|
|
13
|
+
preferredUnit?: string;
|
|
14
|
+
enableEditUnitInput?: boolean;
|
|
15
|
+
disabled?: boolean;
|
|
16
|
+
showUnitInput?: boolean;
|
|
17
|
+
showArrows?: boolean;
|
|
18
|
+
unitkey?: string;
|
|
19
|
+
testId?: string;
|
|
20
|
+
noConversion?: boolean;
|
|
21
|
+
small?: boolean;
|
|
22
|
+
marks?: TSliderMark[];
|
|
23
|
+
minErrorMessage?: (min: number) => string;
|
|
24
|
+
maxErrorMessage?: (max: number) => string;
|
|
25
|
+
}
|
|
26
|
+
export declare const UnitSlider: ({ name, value, min, max, label, step, onChange, onChangeComplete, preferredUnit, enableEditUnitInput, disabled, showUnitInput, showArrows, unitkey, testId, noConversion, small, marks, minErrorMessage, maxErrorMessage, }: IUnitSliderProps) => import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
//# sourceMappingURL=unit-slider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"unit-slider.d.ts","sourceRoot":"","sources":["../../../src/components/unit-slider/unit-slider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAiB,SAAS,EAAuB,MAAM,OAAO,CAAC;AAQ7E,OAAO,KAAK,EAEV,mBAAmB,EACpB,MAAM,iCAAiC,CAAC;AACzC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAO5D,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,mBAAmB,CAAC;IAC9B,gBAAgB,CAAC,EAAE,mBAAmB,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,WAAW,EAAE,CAAC;IACtB,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC3C;AAaD,eAAO,MAAM,UAAU,GAAI,6NAqBxB,gBAAgB,4CAgJlB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react-vite';
|
|
2
|
+
import { IUnitSliderProps, UnitSlider } from './unit-slider';
|
|
3
|
+
declare const _default: Meta<typeof UnitSlider>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const Default: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, IUnitSliderProps>;
|
|
6
|
+
export declare const WithMarks: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, IUnitSliderProps>;
|
|
7
|
+
export declare const Disabled: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react-vite').ReactRenderer, IUnitSliderProps>;
|
|
8
|
+
//# sourceMappingURL=unit-slider.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"unit-slider.stories.d.ts","sourceRoot":"","sources":["../../../src/components/unit-slider/unit-slider.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAC;AAC3D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;wBAgBtC,IAAI,CAAC,OAAO,UAAU,CAAC;AAd5B,wBAc6B;AAgB7B,eAAO,MAAM,OAAO,oHAAoB,CAAC;AAEzC,eAAO,MAAM,SAAS,oHAAoB,CAAC;AAQ3C,eAAO,MAAM,QAAQ,oHAAoB,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: ({ name, value, min, max, label, step, onChange, onChangeComplete, preferredUnit, enableEditUnitInput, disabled, showUnitInput, showArrows, unitkey, testId, noConversion, small, marks, minErrorMessage, maxErrorMessage, }: import('./unit-slider').IUnitSliderProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
parameters: {
|
|
6
|
+
chromatic: {
|
|
7
|
+
disableSnapshot: boolean;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof meta>;
|
|
13
|
+
export declare const EditAndConfirm: Story;
|
|
14
|
+
export declare const EditAndCancel: Story;
|
|
15
|
+
//# sourceMappingURL=unit-slider.test-case.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"unit-slider.test-case.stories.d.ts","sourceRoot":"","sources":["../../../src/components/unit-slider/unit-slider.test-case.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,QAAA,MAAM,IAAI;;;;;;;;CAIyB,CAAC;AAEpC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAkBnC,eAAO,MAAM,cAAc,EAAE,KAmB5B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAmB3B,CAAC"}
|