intergalactic 15.49.1 → 15.50.0-prerelease-950f60a4
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/CHANGELOG.md +7 -1
- package/accordion/index.d.ts +14 -3
- package/accordion/lib/cjs/Accordion.js +5 -1
- package/accordion/lib/cjs/Accordion.js.map +1 -1
- package/accordion/lib/cjs/index.d.js.map +1 -1
- package/accordion/lib/es6/Accordion.js +3 -0
- package/accordion/lib/es6/Accordion.js.map +1 -1
- package/accordion/lib/es6/index.d.js.map +1 -1
- package/accordion/lib/types/index.d.ts +14 -3
- package/core/Component.d.ts +14 -2
- package/core/lib/cjs/Component.js +5 -1
- package/core/lib/cjs/Component.js.map +1 -1
- package/core/lib/cjs/index.js.map +1 -1
- package/core/lib/es6/Component.js +3 -0
- package/core/lib/es6/Component.js.map +1 -1
- package/core/lib/es6/index.js.map +1 -1
- package/core/lib/types/Component.d.ts +14 -2
- package/d3-chart/Plot.d.ts +1 -1
- package/d3-chart/RadialTree.d.ts +2 -2
- package/d3-chart/Tooltip.d.ts +5 -1
- package/d3-chart/lib/cjs/RadialTree.js.map +1 -1
- package/d3-chart/lib/cjs/types/Plot.d.js.map +1 -1
- package/d3-chart/lib/cjs/types/Tooltip.d.js.map +1 -1
- package/d3-chart/lib/es6/RadialTree.js.map +1 -1
- package/d3-chart/lib/es6/types/Plot.d.js.map +1 -1
- package/d3-chart/lib/es6/types/Tooltip.d.js.map +1 -1
- package/d3-chart/lib/types/Plot.d.ts +1 -1
- package/d3-chart/lib/types/RadialTree.d.ts +2 -2
- package/d3-chart/lib/types/Tooltip.d.ts +5 -1
- package/data-table/DataTable.d.ts +71 -7
- package/data-table/lib/cjs/DataTable.js +13 -1
- package/data-table/lib/cjs/DataTable.js.map +1 -1
- package/data-table/lib/es6/DataTable.js +9 -0
- package/data-table/lib/es6/DataTable.js.map +1 -1
- package/data-table/lib/types/DataTable.d.ts +71 -7
- package/input-mask/InputMask.d.ts +1 -1
- package/input-mask/lib/types/InputMask.d.ts +1 -1
- package/input-tags/InputTags.d.ts +1 -1
- package/input-tags/lib/types/InputTags.d.ts +1 -1
- package/package.json +27 -2
- package/pills/index.d.ts +14 -3
- package/pills/lib/cjs/Pills.js +5 -1
- package/pills/lib/cjs/Pills.js.map +1 -1
- package/pills/lib/cjs/index.d.js.map +1 -1
- package/pills/lib/cjs/index.js +14 -2
- package/pills/lib/cjs/index.js.map +1 -1
- package/pills/lib/es6/Pills.js +3 -0
- package/pills/lib/es6/Pills.js.map +1 -1
- package/pills/lib/es6/index.d.js.map +1 -1
- package/pills/lib/es6/index.js +1 -0
- package/pills/lib/es6/index.js.map +1 -1
- package/pills/lib/types/index.d.ts +14 -3
- package/product-head/Info.d.ts +1 -1
- package/product-head/ProductHead.d.ts +1 -1
- package/product-head/Title.d.ts +1 -1
- package/product-head/lib/types/Info.d.ts +1 -1
- package/product-head/lib/types/ProductHead.d.ts +1 -1
- package/product-head/lib/types/Title.d.ts +1 -1
- package/radio/index.d.ts +14 -3
- package/radio/lib/cjs/Radio.js +19 -14
- package/radio/lib/cjs/Radio.js.map +1 -1
- package/radio/lib/cjs/index.d.js.map +1 -1
- package/radio/lib/es6/Radio.js +17 -14
- package/radio/lib/es6/Radio.js.map +1 -1
- package/radio/lib/es6/index.d.js.map +1 -1
- package/radio/lib/types/index.d.ts +14 -3
- package/select/index.d.ts +15 -5
- package/select/lib/cjs/Select.js +5 -1
- package/select/lib/cjs/Select.js.map +1 -1
- package/select/lib/cjs/index.d.js.map +1 -1
- package/select/lib/cjs/index.js +16 -1
- package/select/lib/cjs/index.js.map +1 -1
- package/select/lib/es6/Select.js +3 -0
- package/select/lib/es6/Select.js.map +1 -1
- package/select/lib/es6/index.d.js.map +1 -1
- package/select/lib/es6/index.js +1 -0
- package/select/lib/es6/index.js.map +1 -1
- package/select/lib/types/index.d.ts +15 -5
- package/slider/index.d.ts +14 -3
- package/slider/lib/cjs/Slider.js +5 -1
- package/slider/lib/cjs/Slider.js.map +1 -1
- package/slider/lib/cjs/index.d.js.map +1 -1
- package/slider/lib/cjs/index.js +14 -2
- package/slider/lib/cjs/index.js.map +1 -1
- package/slider/lib/es6/Slider.js +3 -0
- package/slider/lib/es6/Slider.js.map +1 -1
- package/slider/lib/es6/index.d.js.map +1 -1
- package/slider/lib/es6/index.js +1 -0
- package/slider/lib/es6/index.js.map +1 -1
- package/slider/lib/types/index.d.ts +14 -3
- package/tab-line/index.d.ts +14 -3
- package/tab-line/lib/cjs/TabLine.js +5 -1
- package/tab-line/lib/cjs/TabLine.js.map +1 -1
- package/tab-line/lib/cjs/index.d.js.map +1 -1
- package/tab-line/lib/cjs/index.js +14 -2
- package/tab-line/lib/cjs/index.js.map +1 -1
- package/tab-line/lib/es6/TabLine.js +3 -0
- package/tab-line/lib/es6/TabLine.js.map +1 -1
- package/tab-line/lib/es6/index.d.js.map +1 -1
- package/tab-line/lib/es6/index.js +1 -0
- package/tab-line/lib/es6/index.js.map +1 -1
- package/tab-line/lib/types/index.d.ts +14 -3
- package/tab-panel/index.d.ts +14 -3
- package/tab-panel/lib/cjs/TabPanel.js +5 -1
- package/tab-panel/lib/cjs/TabPanel.js.map +1 -1
- package/tab-panel/lib/cjs/index.d.js.map +1 -1
- package/tab-panel/lib/cjs/index.js +14 -2
- package/tab-panel/lib/cjs/index.js.map +1 -1
- package/tab-panel/lib/es6/TabPanel.js +3 -0
- package/tab-panel/lib/es6/TabPanel.js.map +1 -1
- package/tab-panel/lib/es6/index.d.js.map +1 -1
- package/tab-panel/lib/es6/index.js +1 -0
- package/tab-panel/lib/es6/index.js.map +1 -1
- package/tab-panel/lib/types/index.d.ts +14 -3
- package/wizard/index.d.ts +14 -3
- package/wizard/lib/cjs/Wizard.js +5 -1
- package/wizard/lib/cjs/Wizard.js.map +1 -1
- package/wizard/lib/cjs/index.d.js.map +1 -1
- package/wizard/lib/cjs/index.js +14 -2
- package/wizard/lib/cjs/index.js.map +1 -1
- package/wizard/lib/es6/Wizard.js +3 -0
- package/wizard/lib/es6/Wizard.js.map +1 -1
- package/wizard/lib/es6/index.d.js.map +1 -1
- package/wizard/lib/es6/index.js +1 -0
- package/wizard/lib/es6/index.js.map +1 -1
- package/wizard/lib/types/index.d.ts +14 -3
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nexport type TabPanelValue = string | number | boolean;\n\n/** @deprecated */\nexport interface ITabPanelProps<T extends TabPanelValue = TabPanelValue>\n extends TabPanelProps<T>,\n UnknownProperties {}\nexport type TabPanelProps<T extends TabPanelValue = TabPanelValue> = BoxProps & {\n /** Is invoked when changing the selection */\n onChange?:\n | ((value: T, e?: React.SyntheticEvent<HTMLButtonElement>) => void)\n | React.Dispatch<React.SetStateAction<T>>;\n /** Value of the selected tab */\n value?: T;\n /** Default value of the selected tab\n * @default null\n * */\n defaultValue?: T;\n /**\n * Behavior of tabs.\n * In `auto`, changes the tab immediately when press arrow.\n * In `manual`, needs to press `space` or `enter` for select a choice.\n * @default 'auto'\n */\n behavior?: 'auto' | 'manual';\n};\n\n/** @deprecated */\nexport interface ITabPanelItemProps extends TabPanelItemProps, UnknownProperties {}\nexport type TabPanelItemProps = BoxProps &\n KeyboardFocusProps & {\n /** Makes a tab selected. This property is determined automatically depending on the value. */\n selected?: boolean;\n /** Disabled state */\n disabled?: boolean;\n /** Tab value */\n value?: TabPanelValue;\n /** Left addon tag */\n addonLeft?: React.ElementType;\n /** Right addon tag */\n addonRight?: React.ElementType;\n };\n\n/** @deprecated */\nexport interface ITabPanelContext extends TabPanelContext, UnknownProperties {}\nexport type TabPanelContext = {\n getItemProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ITabPanelHandlers extends TabPanelHandlers, UnknownProperties {}\nexport type TabPanelHandlers = {\n value: (value: TabPanelValue) => void;\n};\n\ntype IntergalacticTabPanelComponent = (<\n Value extends TabPanelValue,\n Tag extends Intergalactic.Tag = 'div',\n>(\n props: Intergalactic.InternalTypings.ComponentProps<\n Tag,\n 'div',\n TabPanelProps<Value>,\n TabPanelContext,\n [handlers: TabPanelHandlers]\n
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { PropGetterFn, UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { KeyboardFocusProps } from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\n\nexport type TabPanelValue = string | number | boolean;\n\n/** @deprecated */\nexport interface ITabPanelProps<T extends TabPanelValue = TabPanelValue>\n extends TabPanelProps<T>,\n UnknownProperties {}\nexport type TabPanelProps<T extends TabPanelValue = TabPanelValue> = BoxProps & {\n /** Is invoked when changing the selection */\n onChange?:\n | ((value: T, e?: React.SyntheticEvent<HTMLButtonElement>) => void)\n | React.Dispatch<React.SetStateAction<T>>;\n /** Value of the selected tab */\n value?: T;\n /** Default value of the selected tab\n * @default null\n * */\n defaultValue?: T;\n /**\n * Behavior of tabs.\n * In `auto`, changes the tab immediately when press arrow.\n * In `manual`, needs to press `space` or `enter` for select a choice.\n * @default 'auto'\n */\n behavior?: 'auto' | 'manual';\n};\n\n/** @deprecated */\nexport interface ITabPanelItemProps extends TabPanelItemProps, UnknownProperties {}\nexport type TabPanelItemProps = BoxProps &\n KeyboardFocusProps & {\n /** Makes a tab selected. This property is determined automatically depending on the value. */\n selected?: boolean;\n /** Disabled state */\n disabled?: boolean;\n /** Tab value */\n value?: TabPanelValue;\n /** Left addon tag */\n addonLeft?: React.ElementType;\n /** Right addon tag */\n addonRight?: React.ElementType;\n };\n\n/** @deprecated */\nexport interface ITabPanelContext extends TabPanelContext, UnknownProperties {}\nexport type TabPanelContext = {\n getItemProps: PropGetterFn;\n};\n\n/** @deprecated */\nexport interface ITabPanelHandlers extends TabPanelHandlers, UnknownProperties {}\nexport type TabPanelHandlers = {\n value: (value: TabPanelValue) => void;\n};\n\ntype IntergalacticTabPanelComponent<PropsExtending = {}> = (<\n Value extends TabPanelValue,\n Tag extends Intergalactic.Tag = 'div',\n>(\n props: Intergalactic.InternalTypings.ComponentProps<\n Tag,\n 'div',\n TabPanelProps<Value>,\n TabPanelContext,\n [handlers: TabPanelHandlers]\n > &\n PropsExtending,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', TabPanelProps>;\n\ndeclare const TabPanel: IntergalacticTabPanelComponent & {\n Item: Intergalactic.Component<'div', TabPanelItemProps, {}, [handlers: TabPanelHandlers]> & {\n Text: typeof Box;\n Addon: typeof Box;\n };\n};\n\ndeclare const wrapTabPanel: <PropsExtending extends {}>(\n wrapper: (\n props: Intergalactic.InternalTypings.UntypeRefAndTag<\n Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticTabPanelComponent>\n > &\n PropsExtending,\n ) => React.ReactNode,\n) => IntergalacticTabPanelComponent<PropsExtending>;\nexport { wrapTabPanel };\n\nexport default TabPanel;\n"],"mappings":""}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './TabPanel';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,YAAY"}
|
1
|
+
{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './TabPanel';\nexport * from './TabPanel';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,YAAY;AACpC,cAAc,YAAY"}
|
@@ -57,7 +57,7 @@ export type TabPanelHandlers = {
|
|
57
57
|
value: (value: TabPanelValue) => void;
|
58
58
|
};
|
59
59
|
|
60
|
-
type IntergalacticTabPanelComponent = (<
|
60
|
+
type IntergalacticTabPanelComponent<PropsExtending = {}> = (<
|
61
61
|
Value extends TabPanelValue,
|
62
62
|
Tag extends Intergalactic.Tag = 'div',
|
63
63
|
>(
|
@@ -67,9 +67,10 @@ type IntergalacticTabPanelComponent = (<
|
|
67
67
|
TabPanelProps<Value>,
|
68
68
|
TabPanelContext,
|
69
69
|
[handlers: TabPanelHandlers]
|
70
|
-
|
70
|
+
> &
|
71
|
+
PropsExtending,
|
71
72
|
) => Intergalactic.InternalTypings.ComponentRenderingResults) &
|
72
|
-
Intergalactic.InternalTypings.ComponentAdditive<'div'>;
|
73
|
+
Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', TabPanelProps>;
|
73
74
|
|
74
75
|
declare const TabPanel: IntergalacticTabPanelComponent & {
|
75
76
|
Item: Intergalactic.Component<'div', TabPanelItemProps, {}, [handlers: TabPanelHandlers]> & {
|
@@ -78,4 +79,14 @@ declare const TabPanel: IntergalacticTabPanelComponent & {
|
|
78
79
|
};
|
79
80
|
};
|
80
81
|
|
82
|
+
declare const wrapTabPanel: <PropsExtending extends {}>(
|
83
|
+
wrapper: (
|
84
|
+
props: Intergalactic.InternalTypings.UntypeRefAndTag<
|
85
|
+
Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticTabPanelComponent>
|
86
|
+
> &
|
87
|
+
PropsExtending,
|
88
|
+
) => React.ReactNode,
|
89
|
+
) => IntergalacticTabPanelComponent<PropsExtending>;
|
90
|
+
export { wrapTabPanel };
|
91
|
+
|
81
92
|
export default TabPanel;
|
package/wizard/index.d.ts
CHANGED
@@ -62,13 +62,14 @@ export type WizardStepperProps<T extends WizardStep = WizardStep> = BoxProps & {
|
|
62
62
|
disabled?: boolean;
|
63
63
|
};
|
64
64
|
|
65
|
-
type IntergalacticWizardStepperComponent = (<
|
65
|
+
type IntergalacticWizardStepperComponent<PropsExtending = {}> = (<
|
66
66
|
Value extends WizardStep,
|
67
67
|
Tag extends Intergalactic.Tag = 'div',
|
68
68
|
>(
|
69
|
-
props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', WizardStepperProps<Value
|
69
|
+
props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', WizardStepperProps<Value>> &
|
70
|
+
PropsExtending,
|
70
71
|
) => Intergalactic.InternalTypings.ComponentRenderingResults) &
|
71
|
-
Intergalactic.InternalTypings.ComponentAdditive<'div'>;
|
72
|
+
Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', WizardStepperProps>;
|
72
73
|
|
73
74
|
declare const Wizard: Intergalactic.Component<'div', WizardProps> & {
|
74
75
|
Sidebar: Intergalactic.Component<'div', WizardSidebarProps>;
|
@@ -77,4 +78,14 @@ declare const Wizard: Intergalactic.Component<'div', WizardProps> & {
|
|
77
78
|
Content: typeof Box;
|
78
79
|
};
|
79
80
|
|
81
|
+
declare const wrapWizardStepper: <PropsExtending extends {}>(
|
82
|
+
wrapper: (
|
83
|
+
props: Intergalactic.InternalTypings.UntypeRefAndTag<
|
84
|
+
Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticWizardStepperComponent>
|
85
|
+
> &
|
86
|
+
PropsExtending,
|
87
|
+
) => React.ReactNode,
|
88
|
+
) => IntergalacticWizardStepperComponent<PropsExtending>;
|
89
|
+
export { wrapWizardStepper };
|
90
|
+
|
80
91
|
export default Wizard;
|
package/wizard/lib/cjs/Wizard.js
CHANGED
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
6
6
|
value: true
|
7
7
|
});
|
8
|
-
exports["default"] = void 0;
|
8
|
+
exports.wrapWizardStepper = exports["default"] = void 0;
|
9
9
|
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
|
10
10
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
11
11
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
@@ -189,6 +189,10 @@ var Wizard = (0, _core["default"])(WizardRoot, {
|
|
189
189
|
Step: Step,
|
190
190
|
Stepper: Stepper
|
191
191
|
});
|
192
|
+
var wrapWizardStepper = function wrapWizardStepper(wrapper) {
|
193
|
+
return wrapper;
|
194
|
+
};
|
195
|
+
exports.wrapWizardStepper = wrapWizardStepper;
|
192
196
|
var _default = Wizard;
|
193
197
|
exports["default"] = _default;
|
194
198
|
//# sourceMappingURL=Wizard.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Wizard.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_modal","_m","_keyboardFocusEnhance","_i18nEnhance","_intergalacticDynamicLocales","_ScreenReaderOnly","_useFocusLock","style","sstyled","insert","WizardRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","Map","React","createRef","_createClass2","key","value","getStepProps","props","steps","_steps","active","step","asProps","getStepperProps","i","number","has","get","set","_objectSpread2","getI18nText","componentDidUpdate","prevProps","_this2","setTimeout","document","activeElement","body","visible","modalRef","current","setFocus","render","_ref5","SWizard","Root","_this$asProps","Children","styles","clear","createElement","cn","Modal","Component","i18nEnhance","localizedMessages","i18n","locale","Sidebar","_ref","arguments[0]","_ref6","title","SSidebar","Box","SSidebarHeader","assignProps","Step","_ref2","SStep","_ref7","Stepper","_ref3","_ref8","onActive","completed","disabled","SStepper","SStepNumber","SStepDescription","SCompleted","CheckM","handlerClick","useCallback","e","handlerKeyDown","ScreenReaderOnly","enhance","keyboardFocusEnhance","Content","_ref4","_ref9","SContent","Wizard","createComponent","_default","exports"],"sources":["../../src/Wizard.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Modal from '@semcore/modal';\nimport CheckM from '@semcore/icon/Check/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\n\nimport style from './style/wizard.shadow.css';\n\nclass WizardRoot extends Component {\n static displayName = 'Wizard';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n step: null,\n i18n: localizedMessages,\n locale: 'en',\n };\n\n _steps = new Map();\n modalRef = React.createRef();\n\n getStepProps(props) {\n return {\n steps: this._steps,\n active: props.step === this.asProps.step,\n };\n }\n\n getStepperProps(props, i) {\n let number = i + 1;\n if (this._steps.has(props.step)) {\n const step = this._steps.get(props.step);\n number = step.number;\n } else {\n this._steps.set(props.step, { number, ...props });\n }\n return {\n active: props.step === this.asProps.step,\n number,\n getI18nText: this.asProps.getI18nText,\n };\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.step === this.asProps.step) return;\n setTimeout(() => {\n if (prevProps.step === this.asProps.step) return;\n if (document.activeElement !== document.body) return;\n if (!this.asProps.visible) return;\n if (!this.modalRef.current) return;\n setFocus(this.modalRef.current, document.body);\n }, 1);\n }\n\n render() {\n const SWizard = this.Root;\n const { Children, styles } = this.asProps;\n\n this._steps.clear();\n\n return sstyled(styles)(\n <SWizard render={Modal} ref={this.modalRef}>\n <Children />\n </SWizard>,\n );\n }\n}\n\nfunction Sidebar(props) {\n const { Children, styles, title } = props;\n const SSidebar = Root;\n const SSidebarHeader = 'h2';\n return sstyled(styles)(\n <SSidebar render={Box} role='menu'>\n {title && <SSidebarHeader>{title}</SSidebarHeader>}\n <Children />\n </SSidebar>,\n );\n}\n\nfunction Step(props) {\n const SStep = Root;\n const { Children, styles, active } = props;\n if (active) {\n return sstyled(styles)(\n <SStep render={Box} tag={Box}>\n <Children />\n </SStep>,\n );\n }\n return null;\n}\n\nfunction Stepper(props) {\n const { Children, styles, step, active, onActive, completed, disabled, number, getI18nText } =\n props;\n const SStepper = Root;\n const SStepNumber = 'span';\n const SStepDescription = 'span';\n const SCompleted = CheckM;\n\n const handlerClick = React.useCallback(\n (e) => {\n if (onActive) onActive(step, e);\n },\n [step, onActive],\n );\n\n const handlerKeyDown = React.useCallback(\n (e) => {\n if (onActive && e.key === 'Enter') {\n onActive(step, e);\n }\n },\n [step, onActive],\n );\n\n return sstyled(styles)(\n <SStepper\n render={Box}\n role='menuitem'\n aria-disabled={disabled}\n aria-current={active}\n onClick={handlerClick}\n onKeyDown={handlerKeyDown}\n >\n {completed && <ScreenReaderOnly>{getI18nText('completedStep')}</ScreenReaderOnly>}\n <SStepNumber aria-hidden='true'>{completed ? <SCompleted /> : number}</SStepNumber>\n <SStepDescription>\n <Children />\n </SStepDescription>\n </SStepper>,\n );\n}\n\nStepper.enhance = [keyboardFocusEnhance()];\n\nfunction Content(props) {\n const { Children, styles } = props;\n const SContent = Root;\n return sstyled(styles)(\n <SContent render={Box}>\n <Children />\n </SContent>,\n );\n}\n\nconst Wizard = createComponent(WizardRoot, {\n Sidebar,\n Content,\n Step,\n Stepper,\n});\n\nexport default Wizard;\n"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Wizard.js","names":["_core","_interopRequireWildcard","require","_react","_interopRequireDefault","_flexBox","_modal","_m","_keyboardFocusEnhance","_i18nEnhance","_intergalacticDynamicLocales","_ScreenReaderOnly","_useFocusLock","style","sstyled","insert","WizardRoot","_Component","_inherits2","_super","_createSuper2","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","Map","React","createRef","_createClass2","key","value","getStepProps","props","steps","_steps","active","step","asProps","getStepperProps","i","number","has","get","set","_objectSpread2","getI18nText","componentDidUpdate","prevProps","_this2","setTimeout","document","activeElement","body","visible","modalRef","current","setFocus","render","_ref5","SWizard","Root","_this$asProps","Children","styles","clear","createElement","cn","Modal","Component","i18nEnhance","localizedMessages","i18n","locale","Sidebar","_ref","arguments[0]","_ref6","title","SSidebar","Box","SSidebarHeader","assignProps","Step","_ref2","SStep","_ref7","Stepper","_ref3","_ref8","onActive","completed","disabled","SStepper","SStepNumber","SStepDescription","SCompleted","CheckM","handlerClick","useCallback","e","handlerKeyDown","ScreenReaderOnly","enhance","keyboardFocusEnhance","Content","_ref4","_ref9","SContent","Wizard","createComponent","wrapWizardStepper","wrapper","exports","_default"],"sources":["../../src/Wizard.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Modal from '@semcore/modal';\nimport CheckM from '@semcore/icon/Check/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\n\nimport style from './style/wizard.shadow.css';\n\nclass WizardRoot extends Component {\n static displayName = 'Wizard';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n step: null,\n i18n: localizedMessages,\n locale: 'en',\n };\n\n _steps = new Map();\n modalRef = React.createRef();\n\n getStepProps(props) {\n return {\n steps: this._steps,\n active: props.step === this.asProps.step,\n };\n }\n\n getStepperProps(props, i) {\n let number = i + 1;\n if (this._steps.has(props.step)) {\n const step = this._steps.get(props.step);\n number = step.number;\n } else {\n this._steps.set(props.step, { number, ...props });\n }\n return {\n active: props.step === this.asProps.step,\n number,\n getI18nText: this.asProps.getI18nText,\n };\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.step === this.asProps.step) return;\n setTimeout(() => {\n if (prevProps.step === this.asProps.step) return;\n if (document.activeElement !== document.body) return;\n if (!this.asProps.visible) return;\n if (!this.modalRef.current) return;\n setFocus(this.modalRef.current, document.body);\n }, 1);\n }\n\n render() {\n const SWizard = this.Root;\n const { Children, styles } = this.asProps;\n\n this._steps.clear();\n\n return sstyled(styles)(\n <SWizard render={Modal} ref={this.modalRef}>\n <Children />\n </SWizard>,\n );\n }\n}\n\nfunction Sidebar(props) {\n const { Children, styles, title } = props;\n const SSidebar = Root;\n const SSidebarHeader = 'h2';\n return sstyled(styles)(\n <SSidebar render={Box} role='menu'>\n {title && <SSidebarHeader>{title}</SSidebarHeader>}\n <Children />\n </SSidebar>,\n );\n}\n\nfunction Step(props) {\n const SStep = Root;\n const { Children, styles, active } = props;\n if (active) {\n return sstyled(styles)(\n <SStep render={Box} tag={Box}>\n <Children />\n </SStep>,\n );\n }\n return null;\n}\n\nfunction Stepper(props) {\n const { Children, styles, step, active, onActive, completed, disabled, number, getI18nText } =\n props;\n const SStepper = Root;\n const SStepNumber = 'span';\n const SStepDescription = 'span';\n const SCompleted = CheckM;\n\n const handlerClick = React.useCallback(\n (e) => {\n if (onActive) onActive(step, e);\n },\n [step, onActive],\n );\n\n const handlerKeyDown = React.useCallback(\n (e) => {\n if (onActive && e.key === 'Enter') {\n onActive(step, e);\n }\n },\n [step, onActive],\n );\n\n return sstyled(styles)(\n <SStepper\n render={Box}\n role='menuitem'\n aria-disabled={disabled}\n aria-current={active}\n onClick={handlerClick}\n onKeyDown={handlerKeyDown}\n >\n {completed && <ScreenReaderOnly>{getI18nText('completedStep')}</ScreenReaderOnly>}\n <SStepNumber aria-hidden='true'>{completed ? <SCompleted /> : number}</SStepNumber>\n <SStepDescription>\n <Children />\n </SStepDescription>\n </SStepper>,\n );\n}\n\nStepper.enhance = [keyboardFocusEnhance()];\n\nfunction Content(props) {\n const { Children, styles } = props;\n const SContent = Root;\n return sstyled(styles)(\n <SContent render={Box}>\n <Children />\n </SContent>,\n );\n}\n\nconst Wizard = createComponent(WizardRoot, {\n Sidebar,\n Content,\n Step,\n Stepper,\n});\n\nexport const wrapWizardStepper = (wrapper) => wrapper;\n\nexport default Wizard;\n"],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { ModalProps } from '@semcore/modal';\n\nexport type WizardStep = string | number | boolean;\n\n/** @deprecated */\nexport interface IWizardProps extends WizardProps, UnknownProperties {}\nexport type WizardProps = ModalProps & {\n /**\n * Active step value\n */\n step: WizardStep;\n};\n\n/** @deprecated */\nexport interface IWizardSidebarProps extends WizardSidebarProps, UnknownProperties {}\nexport type WizardSidebarProps = BoxProps & {\n /**\n * Sidebar title\n */\n title?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface IWizardStepProps extends WizardStepProps, UnknownProperties {}\nexport type WizardStepProps = BoxProps & {\n /**\n * Step value\n */\n step: WizardStep;\n /**\n * Disabled step\n */\n disabled?: boolean;\n};\n\n/** @deprecated */\nexport interface IWizardStepperProps extends WizardStepperProps, UnknownProperties {}\nexport type WizardStepperProps<T extends WizardStep = WizardStep> = BoxProps & {\n /**\n * Step value\n */\n step: T;\n /**\n * Is invoked when active the step\n */\n onActive?:\n | ((step: T, e: React.SyntheticEvent<HTMLElement>) => void)\n | React.Dispatch<React.SetStateAction<T>>;\n /**\n * Stepper number\n * @default incremental value\n */\n number?: React.ReactNode;\n /**\n * Is the step completed\n */\n completed?: boolean;\n\n disabled?: boolean;\n};\n\ntype IntergalacticWizardStepperComponent = (<\n Value extends WizardStep,\n Tag extends Intergalactic.Tag = 'div',\n>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', WizardStepperProps<Value
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { ModalProps } from '@semcore/modal';\n\nexport type WizardStep = string | number | boolean;\n\n/** @deprecated */\nexport interface IWizardProps extends WizardProps, UnknownProperties {}\nexport type WizardProps = ModalProps & {\n /**\n * Active step value\n */\n step: WizardStep;\n};\n\n/** @deprecated */\nexport interface IWizardSidebarProps extends WizardSidebarProps, UnknownProperties {}\nexport type WizardSidebarProps = BoxProps & {\n /**\n * Sidebar title\n */\n title?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface IWizardStepProps extends WizardStepProps, UnknownProperties {}\nexport type WizardStepProps = BoxProps & {\n /**\n * Step value\n */\n step: WizardStep;\n /**\n * Disabled step\n */\n disabled?: boolean;\n};\n\n/** @deprecated */\nexport interface IWizardStepperProps extends WizardStepperProps, UnknownProperties {}\nexport type WizardStepperProps<T extends WizardStep = WizardStep> = BoxProps & {\n /**\n * Step value\n */\n step: T;\n /**\n * Is invoked when active the step\n */\n onActive?:\n | ((step: T, e: React.SyntheticEvent<HTMLElement>) => void)\n | React.Dispatch<React.SetStateAction<T>>;\n /**\n * Stepper number\n * @default incremental value\n */\n number?: React.ReactNode;\n /**\n * Is the step completed\n */\n completed?: boolean;\n\n disabled?: boolean;\n};\n\ntype IntergalacticWizardStepperComponent<PropsExtending = {}> = (<\n Value extends WizardStep,\n Tag extends Intergalactic.Tag = 'div',\n>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', WizardStepperProps<Value>> &\n PropsExtending,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', WizardStepperProps>;\n\ndeclare const Wizard: Intergalactic.Component<'div', WizardProps> & {\n Sidebar: Intergalactic.Component<'div', WizardSidebarProps>;\n Step: Intergalactic.Component<'div', WizardStepProps>;\n Stepper: IntergalacticWizardStepperComponent;\n Content: typeof Box;\n};\n\ndeclare const wrapWizardStepper: <PropsExtending extends {}>(\n wrapper: (\n props: Intergalactic.InternalTypings.UntypeRefAndTag<\n Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticWizardStepperComponent>\n > &\n PropsExtending,\n ) => React.ReactNode,\n) => IntergalacticWizardStepperComponent<PropsExtending>;\nexport { wrapWizardStepper };\n\nexport default Wizard;\n"],"mappings":""}
|
package/wizard/lib/cjs/index.js
CHANGED
@@ -1,14 +1,26 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
var
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
5
5
|
value: true
|
6
6
|
});
|
7
|
+
var _exportNames = {};
|
7
8
|
Object.defineProperty(exports, "default", {
|
8
9
|
enumerable: true,
|
9
10
|
get: function get() {
|
10
11
|
return _Wizard["default"];
|
11
12
|
}
|
12
13
|
});
|
13
|
-
var _Wizard =
|
14
|
+
var _Wizard = _interopRequireWildcard(require("./Wizard"));
|
15
|
+
Object.keys(_Wizard).forEach(function (key) {
|
16
|
+
if (key === "default" || key === "__esModule") return;
|
17
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
18
|
+
if (key in exports && exports[key] === _Wizard[key]) return;
|
19
|
+
Object.defineProperty(exports, key, {
|
20
|
+
enumerable: true,
|
21
|
+
get: function get() {
|
22
|
+
return _Wizard[key];
|
23
|
+
}
|
24
|
+
});
|
25
|
+
});
|
14
26
|
//# sourceMappingURL=index.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","names":["_Wizard","
|
1
|
+
{"version":3,"file":"index.js","names":["_Wizard","_interopRequireWildcard","require","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Wizard';\nexport * from './Wizard';\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,OAAA,GAAAC,uBAAA,CAAAC,OAAA;AACAC,MAAA,CAAAC,IAAA,CAAAJ,OAAA,EAAAK,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAN,OAAA,CAAAM,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAd,OAAA,CAAAM,GAAA;IAAA;EAAA;AAAA"}
|
package/wizard/lib/es6/Wizard.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Wizard.js","names":["React","createComponent","Component","Root","sstyled","Box","Modal","CheckM","keyboardFocusEnhance","i18nEnhance","localizedMessages","ScreenReaderOnly","setFocus","style","_sstyled","insert","WizardRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","Map","createRef","_createClass","key","value","getStepProps","props","steps","_steps","active","step","asProps","getStepperProps","i","number","has","get","set","_objectSpread","getI18nText","componentDidUpdate","prevProps","_this2","setTimeout","document","activeElement","body","visible","modalRef","current","render","_ref5","SWizard","_this$asProps","Children","styles","clear","createElement","cn","i18n","locale","Sidebar","_ref","arguments[0]","_ref6","title","SSidebar","SSidebarHeader","_assignProps","Step","_ref2","SStep","_ref7","_assignProps2","Stepper","_ref3","_ref8","onActive","completed","disabled","SStepper","SStepNumber","SStepDescription","SCompleted","handlerClick","useCallback","e","handlerKeyDown","_assignProps3","enhance","Content","_ref4","_ref9","SContent","_assignProps4","Wizard"],"sources":["../../src/Wizard.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Modal from '@semcore/modal';\nimport CheckM from '@semcore/icon/Check/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\n\nimport style from './style/wizard.shadow.css';\n\nclass WizardRoot extends Component {\n static displayName = 'Wizard';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n step: null,\n i18n: localizedMessages,\n locale: 'en',\n };\n\n _steps = new Map();\n modalRef = React.createRef();\n\n getStepProps(props) {\n return {\n steps: this._steps,\n active: props.step === this.asProps.step,\n };\n }\n\n getStepperProps(props, i) {\n let number = i + 1;\n if (this._steps.has(props.step)) {\n const step = this._steps.get(props.step);\n number = step.number;\n } else {\n this._steps.set(props.step, { number, ...props });\n }\n return {\n active: props.step === this.asProps.step,\n number,\n getI18nText: this.asProps.getI18nText,\n };\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.step === this.asProps.step) return;\n setTimeout(() => {\n if (prevProps.step === this.asProps.step) return;\n if (document.activeElement !== document.body) return;\n if (!this.asProps.visible) return;\n if (!this.modalRef.current) return;\n setFocus(this.modalRef.current, document.body);\n }, 1);\n }\n\n render() {\n const SWizard = this.Root;\n const { Children, styles } = this.asProps;\n\n this._steps.clear();\n\n return sstyled(styles)(\n <SWizard render={Modal} ref={this.modalRef}>\n <Children />\n </SWizard>,\n );\n }\n}\n\nfunction Sidebar(props) {\n const { Children, styles, title } = props;\n const SSidebar = Root;\n const SSidebarHeader = 'h2';\n return sstyled(styles)(\n <SSidebar render={Box} role='menu'>\n {title && <SSidebarHeader>{title}</SSidebarHeader>}\n <Children />\n </SSidebar>,\n );\n}\n\nfunction Step(props) {\n const SStep = Root;\n const { Children, styles, active } = props;\n if (active) {\n return sstyled(styles)(\n <SStep render={Box} tag={Box}>\n <Children />\n </SStep>,\n );\n }\n return null;\n}\n\nfunction Stepper(props) {\n const { Children, styles, step, active, onActive, completed, disabled, number, getI18nText } =\n props;\n const SStepper = Root;\n const SStepNumber = 'span';\n const SStepDescription = 'span';\n const SCompleted = CheckM;\n\n const handlerClick = React.useCallback(\n (e) => {\n if (onActive) onActive(step, e);\n },\n [step, onActive],\n );\n\n const handlerKeyDown = React.useCallback(\n (e) => {\n if (onActive && e.key === 'Enter') {\n onActive(step, e);\n }\n },\n [step, onActive],\n );\n\n return sstyled(styles)(\n <SStepper\n render={Box}\n role='menuitem'\n aria-disabled={disabled}\n aria-current={active}\n onClick={handlerClick}\n onKeyDown={handlerKeyDown}\n >\n {completed && <ScreenReaderOnly>{getI18nText('completedStep')}</ScreenReaderOnly>}\n <SStepNumber aria-hidden='true'>{completed ? <SCompleted /> : number}</SStepNumber>\n <SStepDescription>\n <Children />\n </SStepDescription>\n </SStepper>,\n );\n}\n\nStepper.enhance = [keyboardFocusEnhance()];\n\nfunction Content(props) {\n const { Children, styles } = props;\n const SContent = Root;\n return sstyled(styles)(\n <SContent render={Box}>\n <Children />\n </SContent>,\n );\n}\n\nconst Wizard = createComponent(WizardRoot, {\n Sidebar,\n Content,\n Step,\n Stepper,\n});\n\nexport default Wizard;\n"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"Wizard.js","names":["React","createComponent","Component","Root","sstyled","Box","Modal","CheckM","keyboardFocusEnhance","i18nEnhance","localizedMessages","ScreenReaderOnly","setFocus","style","_sstyled","insert","WizardRoot","_Component","_inherits","_super","_createSuper","_this","_classCallCheck","_len","arguments","length","args","Array","_key","call","apply","concat","_defineProperty","_assertThisInitialized","Map","createRef","_createClass","key","value","getStepProps","props","steps","_steps","active","step","asProps","getStepperProps","i","number","has","get","set","_objectSpread","getI18nText","componentDidUpdate","prevProps","_this2","setTimeout","document","activeElement","body","visible","modalRef","current","render","_ref5","SWizard","_this$asProps","Children","styles","clear","createElement","cn","i18n","locale","Sidebar","_ref","arguments[0]","_ref6","title","SSidebar","SSidebarHeader","_assignProps","Step","_ref2","SStep","_ref7","_assignProps2","Stepper","_ref3","_ref8","onActive","completed","disabled","SStepper","SStepNumber","SStepDescription","SCompleted","handlerClick","useCallback","e","handlerKeyDown","_assignProps3","enhance","Content","_ref4","_ref9","SContent","_assignProps4","Wizard","wrapWizardStepper","wrapper"],"sources":["../../src/Wizard.jsx"],"sourcesContent":["import React from 'react';\nimport createComponent, { Component, Root, sstyled } from '@semcore/core';\nimport { Box } from '@semcore/flex-box';\nimport Modal from '@semcore/modal';\nimport CheckM from '@semcore/icon/Check/m';\nimport keyboardFocusEnhance from '@semcore/utils/lib/enhances/keyboardFocusEnhance';\nimport i18nEnhance from '@semcore/utils/lib/enhances/i18nEnhance';\nimport { localizedMessages } from './translations/__intergalactic-dynamic-locales';\nimport { ScreenReaderOnly } from '@semcore/utils/lib/ScreenReaderOnly';\nimport { setFocus } from '@semcore/utils/lib/use/useFocusLock';\n\nimport style from './style/wizard.shadow.css';\n\nclass WizardRoot extends Component {\n static displayName = 'Wizard';\n static style = style;\n static enhance = [i18nEnhance(localizedMessages)];\n static defaultProps = {\n step: null,\n i18n: localizedMessages,\n locale: 'en',\n };\n\n _steps = new Map();\n modalRef = React.createRef();\n\n getStepProps(props) {\n return {\n steps: this._steps,\n active: props.step === this.asProps.step,\n };\n }\n\n getStepperProps(props, i) {\n let number = i + 1;\n if (this._steps.has(props.step)) {\n const step = this._steps.get(props.step);\n number = step.number;\n } else {\n this._steps.set(props.step, { number, ...props });\n }\n return {\n active: props.step === this.asProps.step,\n number,\n getI18nText: this.asProps.getI18nText,\n };\n }\n\n componentDidUpdate(prevProps) {\n if (prevProps.step === this.asProps.step) return;\n setTimeout(() => {\n if (prevProps.step === this.asProps.step) return;\n if (document.activeElement !== document.body) return;\n if (!this.asProps.visible) return;\n if (!this.modalRef.current) return;\n setFocus(this.modalRef.current, document.body);\n }, 1);\n }\n\n render() {\n const SWizard = this.Root;\n const { Children, styles } = this.asProps;\n\n this._steps.clear();\n\n return sstyled(styles)(\n <SWizard render={Modal} ref={this.modalRef}>\n <Children />\n </SWizard>,\n );\n }\n}\n\nfunction Sidebar(props) {\n const { Children, styles, title } = props;\n const SSidebar = Root;\n const SSidebarHeader = 'h2';\n return sstyled(styles)(\n <SSidebar render={Box} role='menu'>\n {title && <SSidebarHeader>{title}</SSidebarHeader>}\n <Children />\n </SSidebar>,\n );\n}\n\nfunction Step(props) {\n const SStep = Root;\n const { Children, styles, active } = props;\n if (active) {\n return sstyled(styles)(\n <SStep render={Box} tag={Box}>\n <Children />\n </SStep>,\n );\n }\n return null;\n}\n\nfunction Stepper(props) {\n const { Children, styles, step, active, onActive, completed, disabled, number, getI18nText } =\n props;\n const SStepper = Root;\n const SStepNumber = 'span';\n const SStepDescription = 'span';\n const SCompleted = CheckM;\n\n const handlerClick = React.useCallback(\n (e) => {\n if (onActive) onActive(step, e);\n },\n [step, onActive],\n );\n\n const handlerKeyDown = React.useCallback(\n (e) => {\n if (onActive && e.key === 'Enter') {\n onActive(step, e);\n }\n },\n [step, onActive],\n );\n\n return sstyled(styles)(\n <SStepper\n render={Box}\n role='menuitem'\n aria-disabled={disabled}\n aria-current={active}\n onClick={handlerClick}\n onKeyDown={handlerKeyDown}\n >\n {completed && <ScreenReaderOnly>{getI18nText('completedStep')}</ScreenReaderOnly>}\n <SStepNumber aria-hidden='true'>{completed ? <SCompleted /> : number}</SStepNumber>\n <SStepDescription>\n <Children />\n </SStepDescription>\n </SStepper>,\n );\n}\n\nStepper.enhance = [keyboardFocusEnhance()];\n\nfunction Content(props) {\n const { Children, styles } = props;\n const SContent = Root;\n return sstyled(styles)(\n <SContent render={Box}>\n <Children />\n </SContent>,\n );\n}\n\nconst Wizard = createComponent(WizardRoot, {\n Sidebar,\n Content,\n Step,\n Stepper,\n});\n\nexport const wrapWizardStepper = (wrapper) => wrapper;\n\nexport default Wizard;\n"],"mappings":"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"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { ModalProps } from '@semcore/modal';\n\nexport type WizardStep = string | number | boolean;\n\n/** @deprecated */\nexport interface IWizardProps extends WizardProps, UnknownProperties {}\nexport type WizardProps = ModalProps & {\n /**\n * Active step value\n */\n step: WizardStep;\n};\n\n/** @deprecated */\nexport interface IWizardSidebarProps extends WizardSidebarProps, UnknownProperties {}\nexport type WizardSidebarProps = BoxProps & {\n /**\n * Sidebar title\n */\n title?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface IWizardStepProps extends WizardStepProps, UnknownProperties {}\nexport type WizardStepProps = BoxProps & {\n /**\n * Step value\n */\n step: WizardStep;\n /**\n * Disabled step\n */\n disabled?: boolean;\n};\n\n/** @deprecated */\nexport interface IWizardStepperProps extends WizardStepperProps, UnknownProperties {}\nexport type WizardStepperProps<T extends WizardStep = WizardStep> = BoxProps & {\n /**\n * Step value\n */\n step: T;\n /**\n * Is invoked when active the step\n */\n onActive?:\n | ((step: T, e: React.SyntheticEvent<HTMLElement>) => void)\n | React.Dispatch<React.SetStateAction<T>>;\n /**\n * Stepper number\n * @default incremental value\n */\n number?: React.ReactNode;\n /**\n * Is the step completed\n */\n completed?: boolean;\n\n disabled?: boolean;\n};\n\ntype IntergalacticWizardStepperComponent = (<\n Value extends WizardStep,\n Tag extends Intergalactic.Tag = 'div',\n>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', WizardStepperProps<Value
|
1
|
+
{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import React from 'react';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { Box, BoxProps } from '@semcore/flex-box';\nimport { ModalProps } from '@semcore/modal';\n\nexport type WizardStep = string | number | boolean;\n\n/** @deprecated */\nexport interface IWizardProps extends WizardProps, UnknownProperties {}\nexport type WizardProps = ModalProps & {\n /**\n * Active step value\n */\n step: WizardStep;\n};\n\n/** @deprecated */\nexport interface IWizardSidebarProps extends WizardSidebarProps, UnknownProperties {}\nexport type WizardSidebarProps = BoxProps & {\n /**\n * Sidebar title\n */\n title?: React.ReactNode;\n};\n\n/** @deprecated */\nexport interface IWizardStepProps extends WizardStepProps, UnknownProperties {}\nexport type WizardStepProps = BoxProps & {\n /**\n * Step value\n */\n step: WizardStep;\n /**\n * Disabled step\n */\n disabled?: boolean;\n};\n\n/** @deprecated */\nexport interface IWizardStepperProps extends WizardStepperProps, UnknownProperties {}\nexport type WizardStepperProps<T extends WizardStep = WizardStep> = BoxProps & {\n /**\n * Step value\n */\n step: T;\n /**\n * Is invoked when active the step\n */\n onActive?:\n | ((step: T, e: React.SyntheticEvent<HTMLElement>) => void)\n | React.Dispatch<React.SetStateAction<T>>;\n /**\n * Stepper number\n * @default incremental value\n */\n number?: React.ReactNode;\n /**\n * Is the step completed\n */\n completed?: boolean;\n\n disabled?: boolean;\n};\n\ntype IntergalacticWizardStepperComponent<PropsExtending = {}> = (<\n Value extends WizardStep,\n Tag extends Intergalactic.Tag = 'div',\n>(\n props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', WizardStepperProps<Value>> &\n PropsExtending,\n) => Intergalactic.InternalTypings.ComponentRenderingResults) &\n Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', WizardStepperProps>;\n\ndeclare const Wizard: Intergalactic.Component<'div', WizardProps> & {\n Sidebar: Intergalactic.Component<'div', WizardSidebarProps>;\n Step: Intergalactic.Component<'div', WizardStepProps>;\n Stepper: IntergalacticWizardStepperComponent;\n Content: typeof Box;\n};\n\ndeclare const wrapWizardStepper: <PropsExtending extends {}>(\n wrapper: (\n props: Intergalactic.InternalTypings.UntypeRefAndTag<\n Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticWizardStepperComponent>\n > &\n PropsExtending,\n ) => React.ReactNode,\n) => IntergalacticWizardStepperComponent<PropsExtending>;\nexport { wrapWizardStepper };\n\nexport default Wizard;\n"],"mappings":""}
|
package/wizard/lib/es6/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Wizard';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,UAAU"}
|
1
|
+
{"version":3,"file":"index.js","names":["default"],"sources":["../../src/index.js"],"sourcesContent":["export { default } from './Wizard';\nexport * from './Wizard';\n"],"mappings":"AAAA,SAASA,OAAO,QAAQ,UAAU;AAClC,cAAc,UAAU"}
|
@@ -62,13 +62,14 @@ export type WizardStepperProps<T extends WizardStep = WizardStep> = BoxProps & {
|
|
62
62
|
disabled?: boolean;
|
63
63
|
};
|
64
64
|
|
65
|
-
type IntergalacticWizardStepperComponent = (<
|
65
|
+
type IntergalacticWizardStepperComponent<PropsExtending = {}> = (<
|
66
66
|
Value extends WizardStep,
|
67
67
|
Tag extends Intergalactic.Tag = 'div',
|
68
68
|
>(
|
69
|
-
props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', WizardStepperProps<Value
|
69
|
+
props: Intergalactic.InternalTypings.ComponentProps<Tag, 'div', WizardStepperProps<Value>> &
|
70
|
+
PropsExtending,
|
70
71
|
) => Intergalactic.InternalTypings.ComponentRenderingResults) &
|
71
|
-
Intergalactic.InternalTypings.ComponentAdditive<'div'>;
|
72
|
+
Intergalactic.InternalTypings.ComponentAdditive<'div', 'div', WizardStepperProps>;
|
72
73
|
|
73
74
|
declare const Wizard: Intergalactic.Component<'div', WizardProps> & {
|
74
75
|
Sidebar: Intergalactic.Component<'div', WizardSidebarProps>;
|
@@ -77,4 +78,14 @@ declare const Wizard: Intergalactic.Component<'div', WizardProps> & {
|
|
77
78
|
Content: typeof Box;
|
78
79
|
};
|
79
80
|
|
81
|
+
declare const wrapWizardStepper: <PropsExtending extends {}>(
|
82
|
+
wrapper: (
|
83
|
+
props: Intergalactic.InternalTypings.UntypeRefAndTag<
|
84
|
+
Intergalactic.InternalTypings.ComponentPropsNesting<IntergalacticWizardStepperComponent>
|
85
|
+
> &
|
86
|
+
PropsExtending,
|
87
|
+
) => React.ReactNode,
|
88
|
+
) => IntergalacticWizardStepperComponent<PropsExtending>;
|
89
|
+
export { wrapWizardStepper };
|
90
|
+
|
80
91
|
export default Wizard;
|