@ark-ui/solid 3.9.0 → 3.11.0
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/cjs/index.js +20 -5
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +17 -6
- package/dist/esm/index.js.map +1 -1
- package/dist/source/components/checkbox/checkbox-group.jsx +1 -0
- package/dist/source/components/checkbox/use-checkbox-group.js +2 -0
- package/dist/source/components/file-upload/file-upload-root.jsx +1 -0
- package/dist/source/components/file-upload/use-file-upload.js +1 -0
- package/dist/source/components/select/select-hidden-select.jsx +1 -1
- package/dist/source/components/steps/index.js +2 -0
- package/dist/source/components/steps/steps-context.jsx +5 -0
- package/dist/source/components/steps/steps.anatomy.js +1 -0
- package/dist/source/components/steps/steps.js +2 -0
- package/dist/types/components/checkbox/use-checkbox-group.d.ts +6 -0
- package/dist/types/components/steps/index.d.ts +2 -0
- package/dist/types/components/steps/steps-context.d.ts +6 -0
- package/dist/types/components/steps/steps.anatomy.d.ts +1 -0
- package/dist/types/components/steps/steps.d.ts +2 -0
- package/package.json +51 -50
package/dist/cjs/index.js
CHANGED
|
@@ -711,7 +711,8 @@ function useCheckboxGroup(props = {}) {
|
|
|
711
711
|
},
|
|
712
712
|
name: props.name,
|
|
713
713
|
disabled: props.disabled,
|
|
714
|
-
readOnly: props.readOnly
|
|
714
|
+
readOnly: props.readOnly,
|
|
715
|
+
invalid: props.invalid
|
|
715
716
|
};
|
|
716
717
|
};
|
|
717
718
|
return {
|
|
@@ -720,6 +721,7 @@ function useCheckboxGroup(props = {}) {
|
|
|
720
721
|
name: props.name,
|
|
721
722
|
disabled: props.disabled,
|
|
722
723
|
readOnly: props.readOnly,
|
|
724
|
+
invalid: props.invalid,
|
|
723
725
|
setValue,
|
|
724
726
|
addValue,
|
|
725
727
|
toggleValue,
|
|
@@ -735,7 +737,7 @@ const [CheckboxGroupContextProvider, useCheckboxGroupContext] = createContext({
|
|
|
735
737
|
});
|
|
736
738
|
|
|
737
739
|
const CheckboxGroup = props => {
|
|
738
|
-
const [checkboxGroupProps, localProps] = createSplitProps()(props, ['defaultValue', 'value', 'onValueChange', 'disabled', 'readOnly', 'name']);
|
|
740
|
+
const [checkboxGroupProps, localProps] = createSplitProps()(props, ['defaultValue', 'value', 'onValueChange', 'disabled', 'invalid', 'readOnly', 'name']);
|
|
739
741
|
const checkboxGroup = useCheckboxGroup(checkboxGroupProps);
|
|
740
742
|
return web.createComponent(CheckboxGroupContextProvider, {
|
|
741
743
|
value: checkboxGroup,
|
|
@@ -2747,6 +2749,7 @@ const useFileUpload = props => {
|
|
|
2747
2749
|
dir: locale().dir,
|
|
2748
2750
|
disabled: field?.().disabled,
|
|
2749
2751
|
required: field?.().required,
|
|
2752
|
+
invalid: field?.().invalid,
|
|
2750
2753
|
getRootNode: environment().getRootNode,
|
|
2751
2754
|
...props
|
|
2752
2755
|
}));
|
|
@@ -2757,7 +2760,7 @@ const useFileUpload = props => {
|
|
|
2757
2760
|
};
|
|
2758
2761
|
|
|
2759
2762
|
const FileUploadRoot = props => {
|
|
2760
|
-
const [fileUploadProps, localProps] = createSplitProps()(props, ['accept', 'allowDrop', 'capture', 'directory', 'disabled', 'id', 'ids', 'locale', 'maxFiles', 'maxFileSize', 'minFileSize', 'name', 'onFileAccept', 'onFileChange', 'onFileReject', 'required', 'translations', 'validate']);
|
|
2763
|
+
const [fileUploadProps, localProps] = createSplitProps()(props, ['accept', 'allowDrop', 'capture', 'directory', 'disabled', 'id', 'ids', 'invalid', 'locale', 'maxFiles', 'maxFileSize', 'minFileSize', 'name', 'onFileAccept', 'onFileChange', 'onFileReject', 'required', 'translations', 'validate']);
|
|
2761
2764
|
const fileUpload = useFileUpload(fileUploadProps);
|
|
2762
2765
|
const mergedProps = solid.mergeProps(() => fileUpload().getRootProps(), localProps);
|
|
2763
2766
|
return web.createComponent(FileUploadProvider, {
|
|
@@ -4456,8 +4459,8 @@ const SelectHiddenSelect = props => {
|
|
|
4456
4459
|
},
|
|
4457
4460
|
children: item => (() => {
|
|
4458
4461
|
var _el$2 = _tmpl$2$1();
|
|
4459
|
-
web.effect(() => _el$2.disabled = select().collection.getItemDisabled(item));
|
|
4460
|
-
web.effect(() => _el$2.value = select().collection.getItemValue(item) ?? '');
|
|
4462
|
+
web.effect(() => _el$2.disabled = select().collection.getItemDisabled(item()));
|
|
4463
|
+
web.effect(() => _el$2.value = select().collection.getItemValue(item()) ?? '');
|
|
4461
4464
|
return _el$2;
|
|
4462
4465
|
})()
|
|
4463
4466
|
})];
|
|
@@ -6195,6 +6198,11 @@ const StepsContent = props => {
|
|
|
6195
6198
|
return web.createComponent(ark.div, mergedProps);
|
|
6196
6199
|
};
|
|
6197
6200
|
|
|
6201
|
+
const StepsContext = props => {
|
|
6202
|
+
const context = useStepsContext();
|
|
6203
|
+
return props.children(context);
|
|
6204
|
+
};
|
|
6205
|
+
|
|
6198
6206
|
const [StepsItemPropsProvider, useStepsItemPropsContext] = createContext({
|
|
6199
6207
|
hookName: 'useStepsItemPropsContext',
|
|
6200
6208
|
providerName: '<StepsItemPropsProvider />'
|
|
@@ -6323,8 +6331,10 @@ var steps = /*#__PURE__*/Object.freeze({
|
|
|
6323
6331
|
__proto__: null,
|
|
6324
6332
|
CompletedContent: StepsCompletedContent,
|
|
6325
6333
|
Content: StepsContent,
|
|
6334
|
+
Context: StepsContext,
|
|
6326
6335
|
Indicator: StepsIndicator,
|
|
6327
6336
|
Item: StepsItem,
|
|
6337
|
+
ItemContext: StepsItemContext,
|
|
6328
6338
|
List: StepsList,
|
|
6329
6339
|
NextTrigger: StepsNextTrigger,
|
|
6330
6340
|
PrevTrigger: StepsPrevTrigger,
|
|
@@ -6451,6 +6461,10 @@ Object.defineProperty(exports, "treeViewAnatomy", {
|
|
|
6451
6461
|
enumerable: true,
|
|
6452
6462
|
get: function () { return treeView$1.anatomy; }
|
|
6453
6463
|
});
|
|
6464
|
+
Object.defineProperty(exports, "stepsAnatomy", {
|
|
6465
|
+
enumerable: true,
|
|
6466
|
+
get: function () { return steps$1.anatomy; }
|
|
6467
|
+
});
|
|
6454
6468
|
exports.Accordion = accordion;
|
|
6455
6469
|
exports.AccordionContext = AccordionContext;
|
|
6456
6470
|
exports.AccordionItem = AccordionItem;
|
|
@@ -6814,6 +6828,7 @@ exports.SplitterRootProvider = SplitterRootProvider;
|
|
|
6814
6828
|
exports.Steps = steps;
|
|
6815
6829
|
exports.StepsCompletedContent = StepsCompletedContent;
|
|
6816
6830
|
exports.StepsContent = StepsContent;
|
|
6831
|
+
exports.StepsContext = StepsContext;
|
|
6817
6832
|
exports.StepsIndicator = StepsIndicator;
|
|
6818
6833
|
exports.StepsItem = StepsItem;
|
|
6819
6834
|
exports.StepsItemContext = StepsItemContext;
|