@elliemae/ds-form-layout-blocks 3.0.0-alpha.0 → 3.0.0-alpha.1

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.
@@ -70,7 +70,7 @@ const DSFormLayoutBlockItem = (props) => {
70
70
  required
71
71
  })), isGroup && /* @__PURE__ */ import_react.default.createElement(import_styles.ScreenReaderOnly, {
72
72
  as: "legend"
73
- }, label), children, feedbackMessage && !hasError && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledMessage, {
73
+ }, `${label}. ${feedbackMessage || ""}`), children, feedbackMessage && !hasError && /* @__PURE__ */ import_react.default.createElement(import_styles.StyledMessage, {
74
74
  leftLabel,
75
75
  hideLabel,
76
76
  "aria-hidden": isGroup,
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/form-layout-block-item/DSFormLayoutBlockItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["/* eslint-disable complexity */\nimport React, { useMemo } from 'react';\nimport { describe } from 'react-desc';\nimport { uid } from 'uid';\nimport type { DSFormLayoutBlockItemPropsT as Props } from './index.d';\nimport { propTypes } from './propTypes';\nimport { StyledMessage, StyledLabel, StyledContainer, StyledMark, ScreenReaderOnly } from './styles';\n\nconst DSFormLayoutBlockItem = (props: Props): JSX.Element => {\n const {\n label,\n feedbackMessage,\n validationMessage,\n inputID,\n children,\n hasError,\n leftLabel,\n required,\n optional,\n hideLabel,\n fitContent,\n withHighlight,\n isGroup = false,\n } = props;\n\n const instanceUID = useMemo(() => uid(6), []);\n\n return (\n <StyledContainer\n leftLabel={leftLabel}\n fitContent={fitContent}\n hideLabel={hideLabel}\n withHighlight={withHighlight}\n as={isGroup ? 'fieldset' : 'div'}\n isGroup={isGroup}\n aria-describedby={`${inputID || instanceUID}_feedback_message`}\n >\n <StyledLabel htmlFor={inputID} leftLabel={leftLabel} hideLabel={hideLabel} aria-hidden={isGroup}>\n {label}\n {(required || optional) && <StyledMark required={required} />}\n </StyledLabel>\n {isGroup && <ScreenReaderOnly as=\"legend\">{label}</ScreenReaderOnly>}\n {children}\n {feedbackMessage && !hasError && (\n <StyledMessage\n leftLabel={leftLabel}\n hideLabel={hideLabel}\n aria-hidden={isGroup}\n id={`${inputID || instanceUID}_feedback_message`}\n >\n {feedbackMessage}\n </StyledMessage>\n )}\n {validationMessage && hasError && (\n <StyledMessage hasError={hasError} leftLabel={leftLabel} hideLabel={hideLabel} role=\"alert\">\n {validationMessage}\n </StyledMessage>\n )}\n </StyledContainer>\n );\n};\n\nDSFormLayoutBlockItem.propTypes = propTypes;\nconst DSFormLayoutBlockItemWithSchema = describe(DSFormLayoutBlockItem);\nDSFormLayoutBlockItemWithSchema.propTypes = propTypes;\n\nexport { DSFormLayoutBlockItem, DSFormLayoutBlockItemWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA+B;AAC/B,wBAAyB;AACzB,iBAAoB;AAEpB,uBAA0B;AAC1B,oBAA0F;AAE1F,MAAM,wBAAwB,CAAC,UAA8B;AAC3D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,MACR;AAEJ,QAAM,cAAc,0BAAQ,MAAM,oBAAI,IAAI;AAE1C,SACE,mDAAC,+BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,IAAI,UAAU,aAAa;AAAA,IAC3B;AAAA,IACA,oBAAkB,GAAG,WAAW;AAAA,KAEhC,mDAAC,2BAAD;AAAA,IAAa,SAAS;AAAA,IAAS;AAAA,IAAsB;AAAA,IAAsB,eAAa;AAAA,KACrF,OACC,aAAY,aAAa,mDAAC,0BAAD;AAAA,IAAY;AAAA,OAExC,WAAW,mDAAC,gCAAD;AAAA,IAAkB,IAAG;AAAA,KAAU,QAC1C,UACA,mBAAmB,CAAC,YACnB,mDAAC,6BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,eAAa;AAAA,IACb,IAAI,GAAG,WAAW;AAAA,KAEjB,kBAGJ,qBAAqB,YACpB,mDAAC,6BAAD;AAAA,IAAe;AAAA,IAAoB;AAAA,IAAsB;AAAA,IAAsB,MAAK;AAAA,KACjF;AAAA;AAOX,sBAAsB,YAAY;AAClC,MAAM,kCAAkC,gCAAS;AACjD,gCAAgC,YAAY;",
4
+ "sourcesContent": ["/* eslint-disable complexity */\nimport React, { useMemo } from 'react';\nimport { describe } from 'react-desc';\nimport { uid } from 'uid';\nimport type { DSFormLayoutBlockItemPropsT as Props } from './index.d';\nimport { propTypes } from './propTypes';\nimport { StyledMessage, StyledLabel, StyledContainer, StyledMark, ScreenReaderOnly } from './styles';\n\nconst DSFormLayoutBlockItem = (props: Props): JSX.Element => {\n const {\n label,\n feedbackMessage,\n validationMessage,\n inputID,\n children,\n hasError,\n leftLabel,\n required,\n optional,\n hideLabel,\n fitContent,\n withHighlight,\n isGroup = false,\n } = props;\n\n const instanceUID = useMemo(() => uid(6), []);\n\n return (\n <StyledContainer\n leftLabel={leftLabel}\n fitContent={fitContent}\n hideLabel={hideLabel}\n withHighlight={withHighlight}\n as={isGroup ? 'fieldset' : 'div'}\n isGroup={isGroup}\n aria-describedby={`${inputID || instanceUID}_feedback_message`}\n >\n <StyledLabel htmlFor={inputID} leftLabel={leftLabel} hideLabel={hideLabel} aria-hidden={isGroup}>\n {label}\n {(required || optional) && <StyledMark required={required} />}\n </StyledLabel>\n {isGroup && <ScreenReaderOnly as=\"legend\">{`${label}. ${feedbackMessage || ''}`}</ScreenReaderOnly>}\n {children}\n {feedbackMessage && !hasError && (\n <StyledMessage\n leftLabel={leftLabel}\n hideLabel={hideLabel}\n aria-hidden={isGroup}\n id={`${inputID || instanceUID}_feedback_message`}\n >\n {feedbackMessage}\n </StyledMessage>\n )}\n {validationMessage && hasError && (\n <StyledMessage hasError={hasError} leftLabel={leftLabel} hideLabel={hideLabel} role=\"alert\">\n {validationMessage}\n </StyledMessage>\n )}\n </StyledContainer>\n );\n};\n\nDSFormLayoutBlockItem.propTypes = propTypes;\nconst DSFormLayoutBlockItemWithSchema = describe(DSFormLayoutBlockItem);\nDSFormLayoutBlockItemWithSchema.propTypes = propTypes;\n\nexport { DSFormLayoutBlockItem, DSFormLayoutBlockItemWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA+B;AAC/B,wBAAyB;AACzB,iBAAoB;AAEpB,uBAA0B;AAC1B,oBAA0F;AAE1F,MAAM,wBAAwB,CAAC,UAA8B;AAC3D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,MACR;AAEJ,QAAM,cAAc,0BAAQ,MAAM,oBAAI,IAAI;AAE1C,SACE,mDAAC,+BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,IAAI,UAAU,aAAa;AAAA,IAC3B;AAAA,IACA,oBAAkB,GAAG,WAAW;AAAA,KAEhC,mDAAC,2BAAD;AAAA,IAAa,SAAS;AAAA,IAAS;AAAA,IAAsB;AAAA,IAAsB,eAAa;AAAA,KACrF,OACC,aAAY,aAAa,mDAAC,0BAAD;AAAA,IAAY;AAAA,OAExC,WAAW,mDAAC,gCAAD;AAAA,IAAkB,IAAG;AAAA,KAAU,GAAG,UAAU,mBAAmB,OAC1E,UACA,mBAAmB,CAAC,YACnB,mDAAC,6BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,eAAa;AAAA,IACb,IAAI,GAAG,WAAW;AAAA,KAEjB,kBAGJ,qBAAqB,YACpB,mDAAC,6BAAD;AAAA,IAAe;AAAA,IAAoB;AAAA,IAAsB;AAAA,IAAsB,MAAK;AAAA,KACjF;AAAA;AAOX,sBAAsB,YAAY;AAClC,MAAM,kCAAkC,gCAAS;AACjD,gCAAgC,YAAY;",
6
6
  "names": []
7
7
  }
@@ -38,7 +38,7 @@ const DSFormLayoutBlockItem = (props) => {
38
38
  required
39
39
  })), isGroup && /* @__PURE__ */ React2.createElement(ScreenReaderOnly, {
40
40
  as: "legend"
41
- }, label), children, feedbackMessage && !hasError && /* @__PURE__ */ React2.createElement(StyledMessage, {
41
+ }, `${label}. ${feedbackMessage || ""}`), children, feedbackMessage && !hasError && /* @__PURE__ */ React2.createElement(StyledMessage, {
42
42
  leftLabel,
43
43
  hideLabel,
44
44
  "aria-hidden": isGroup,
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/form-layout-block-item/DSFormLayoutBlockItem.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useMemo } from 'react';\nimport { describe } from 'react-desc';\nimport { uid } from 'uid';\nimport type { DSFormLayoutBlockItemPropsT as Props } from './index.d';\nimport { propTypes } from './propTypes';\nimport { StyledMessage, StyledLabel, StyledContainer, StyledMark, ScreenReaderOnly } from './styles';\n\nconst DSFormLayoutBlockItem = (props: Props): JSX.Element => {\n const {\n label,\n feedbackMessage,\n validationMessage,\n inputID,\n children,\n hasError,\n leftLabel,\n required,\n optional,\n hideLabel,\n fitContent,\n withHighlight,\n isGroup = false,\n } = props;\n\n const instanceUID = useMemo(() => uid(6), []);\n\n return (\n <StyledContainer\n leftLabel={leftLabel}\n fitContent={fitContent}\n hideLabel={hideLabel}\n withHighlight={withHighlight}\n as={isGroup ? 'fieldset' : 'div'}\n isGroup={isGroup}\n aria-describedby={`${inputID || instanceUID}_feedback_message`}\n >\n <StyledLabel htmlFor={inputID} leftLabel={leftLabel} hideLabel={hideLabel} aria-hidden={isGroup}>\n {label}\n {(required || optional) && <StyledMark required={required} />}\n </StyledLabel>\n {isGroup && <ScreenReaderOnly as=\"legend\">{label}</ScreenReaderOnly>}\n {children}\n {feedbackMessage && !hasError && (\n <StyledMessage\n leftLabel={leftLabel}\n hideLabel={hideLabel}\n aria-hidden={isGroup}\n id={`${inputID || instanceUID}_feedback_message`}\n >\n {feedbackMessage}\n </StyledMessage>\n )}\n {validationMessage && hasError && (\n <StyledMessage hasError={hasError} leftLabel={leftLabel} hideLabel={hideLabel} role=\"alert\">\n {validationMessage}\n </StyledMessage>\n )}\n </StyledContainer>\n );\n};\n\nDSFormLayoutBlockItem.propTypes = propTypes;\nconst DSFormLayoutBlockItemWithSchema = describe(DSFormLayoutBlockItem);\nDSFormLayoutBlockItemWithSchema.propTypes = propTypes;\n\nexport { DSFormLayoutBlockItem, DSFormLayoutBlockItemWithSchema };\n"],
5
- "mappings": "AAAA;ACCA;AACA;AACA;AAEA;AACA;AAEA,MAAM,wBAAwB,CAAC,UAA8B;AAC3D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,MACR;AAEJ,QAAM,cAAc,QAAQ,MAAM,IAAI,IAAI;AAE1C,SACE,qCAAC,iBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,IAAI,UAAU,aAAa;AAAA,IAC3B;AAAA,IACA,oBAAkB,GAAG,WAAW;AAAA,KAEhC,qCAAC,aAAD;AAAA,IAAa,SAAS;AAAA,IAAS;AAAA,IAAsB;AAAA,IAAsB,eAAa;AAAA,KACrF,OACC,aAAY,aAAa,qCAAC,YAAD;AAAA,IAAY;AAAA,OAExC,WAAW,qCAAC,kBAAD;AAAA,IAAkB,IAAG;AAAA,KAAU,QAC1C,UACA,mBAAmB,CAAC,YACnB,qCAAC,eAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,eAAa;AAAA,IACb,IAAI,GAAG,WAAW;AAAA,KAEjB,kBAGJ,qBAAqB,YACpB,qCAAC,eAAD;AAAA,IAAe;AAAA,IAAoB;AAAA,IAAsB;AAAA,IAAsB,MAAK;AAAA,KACjF;AAAA;AAOX,sBAAsB,YAAY;AAClC,MAAM,kCAAkC,SAAS;AACjD,gCAAgC,YAAY;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\nimport React, { useMemo } from 'react';\nimport { describe } from 'react-desc';\nimport { uid } from 'uid';\nimport type { DSFormLayoutBlockItemPropsT as Props } from './index.d';\nimport { propTypes } from './propTypes';\nimport { StyledMessage, StyledLabel, StyledContainer, StyledMark, ScreenReaderOnly } from './styles';\n\nconst DSFormLayoutBlockItem = (props: Props): JSX.Element => {\n const {\n label,\n feedbackMessage,\n validationMessage,\n inputID,\n children,\n hasError,\n leftLabel,\n required,\n optional,\n hideLabel,\n fitContent,\n withHighlight,\n isGroup = false,\n } = props;\n\n const instanceUID = useMemo(() => uid(6), []);\n\n return (\n <StyledContainer\n leftLabel={leftLabel}\n fitContent={fitContent}\n hideLabel={hideLabel}\n withHighlight={withHighlight}\n as={isGroup ? 'fieldset' : 'div'}\n isGroup={isGroup}\n aria-describedby={`${inputID || instanceUID}_feedback_message`}\n >\n <StyledLabel htmlFor={inputID} leftLabel={leftLabel} hideLabel={hideLabel} aria-hidden={isGroup}>\n {label}\n {(required || optional) && <StyledMark required={required} />}\n </StyledLabel>\n {isGroup && <ScreenReaderOnly as=\"legend\">{`${label}. ${feedbackMessage || ''}`}</ScreenReaderOnly>}\n {children}\n {feedbackMessage && !hasError && (\n <StyledMessage\n leftLabel={leftLabel}\n hideLabel={hideLabel}\n aria-hidden={isGroup}\n id={`${inputID || instanceUID}_feedback_message`}\n >\n {feedbackMessage}\n </StyledMessage>\n )}\n {validationMessage && hasError && (\n <StyledMessage hasError={hasError} leftLabel={leftLabel} hideLabel={hideLabel} role=\"alert\">\n {validationMessage}\n </StyledMessage>\n )}\n </StyledContainer>\n );\n};\n\nDSFormLayoutBlockItem.propTypes = propTypes;\nconst DSFormLayoutBlockItemWithSchema = describe(DSFormLayoutBlockItem);\nDSFormLayoutBlockItemWithSchema.propTypes = propTypes;\n\nexport { DSFormLayoutBlockItem, DSFormLayoutBlockItemWithSchema };\n"],
5
+ "mappings": "AAAA;ACCA;AACA;AACA;AAEA;AACA;AAEA,MAAM,wBAAwB,CAAC,UAA8B;AAC3D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,MACR;AAEJ,QAAM,cAAc,QAAQ,MAAM,IAAI,IAAI;AAE1C,SACE,qCAAC,iBAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,IAAI,UAAU,aAAa;AAAA,IAC3B;AAAA,IACA,oBAAkB,GAAG,WAAW;AAAA,KAEhC,qCAAC,aAAD;AAAA,IAAa,SAAS;AAAA,IAAS;AAAA,IAAsB;AAAA,IAAsB,eAAa;AAAA,KACrF,OACC,aAAY,aAAa,qCAAC,YAAD;AAAA,IAAY;AAAA,OAExC,WAAW,qCAAC,kBAAD;AAAA,IAAkB,IAAG;AAAA,KAAU,GAAG,UAAU,mBAAmB,OAC1E,UACA,mBAAmB,CAAC,YACnB,qCAAC,eAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,eAAa;AAAA,IACb,IAAI,GAAG,WAAW;AAAA,KAEjB,kBAGJ,qBAAqB,YACpB,qCAAC,eAAD;AAAA,IAAe;AAAA,IAAoB;AAAA,IAAsB;AAAA,IAAsB,MAAK;AAAA,KACjF;AAAA;AAOX,sBAAsB,YAAY;AAClC,MAAM,kCAAkC,SAAS;AACjD,gCAAgC,YAAY;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-form-layout-blocks",
3
- "version": "3.0.0-alpha.0",
3
+ "version": "3.0.0-alpha.1",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Form Layout",
6
6
  "files": [
@@ -75,7 +75,7 @@
75
75
  "indent": 4
76
76
  },
77
77
  "dependencies": {
78
- "@elliemae/ds-props-helpers": "3.0.0-alpha.0",
78
+ "@elliemae/ds-props-helpers": "3.0.0-alpha.1",
79
79
  "react-desc": "~4.1.3",
80
80
  "uid": "~2.0.0"
81
81
  },
@@ -95,6 +95,7 @@
95
95
  "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
96
96
  "test": "node ../../scripts/testing/test.mjs",
97
97
  "lint": "node ../../scripts/lint.mjs",
98
+ "dts": "node ../../scripts/dts.mjs",
98
99
  "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
99
100
  }
100
101
  }
@@ -1,77 +0,0 @@
1
- /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
2
- /// <reference types="react" />
3
- import type { DSFormLayoutBlockItemPropsT as Props } from './index.d';
4
- declare const DSFormLayoutBlockItem: {
5
- (props: Props): JSX.Element;
6
- propTypes: {
7
- children: any;
8
- label: any;
9
- inputID: any;
10
- feedbackMessage: {
11
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
12
- deprecated: import("react-desc").PropTypesDescValidator;
13
- };
14
- isRequired: import("react-desc").PropTypesDescValue;
15
- };
16
- validationMessage: {
17
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
18
- deprecated: import("react-desc").PropTypesDescValidator;
19
- };
20
- isRequired: import("react-desc").PropTypesDescValue;
21
- };
22
- hasError: {
23
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
24
- deprecated: import("react-desc").PropTypesDescValidator;
25
- };
26
- isRequired: import("react-desc").PropTypesDescValue;
27
- };
28
- required: {
29
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
30
- deprecated: import("react-desc").PropTypesDescValidator;
31
- };
32
- isRequired: import("react-desc").PropTypesDescValue;
33
- };
34
- optional: {
35
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
36
- deprecated: import("react-desc").PropTypesDescValidator;
37
- };
38
- isRequired: import("react-desc").PropTypesDescValue;
39
- };
40
- fitContent: {
41
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
42
- deprecated: import("react-desc").PropTypesDescValidator;
43
- };
44
- isRequired: import("react-desc").PropTypesDescValue;
45
- };
46
- leftLabel: {
47
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
48
- deprecated: import("react-desc").PropTypesDescValidator;
49
- };
50
- isRequired: import("react-desc").PropTypesDescValue;
51
- };
52
- hideLabel: {
53
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
54
- deprecated: import("react-desc").PropTypesDescValidator;
55
- };
56
- isRequired: import("react-desc").PropTypesDescValue;
57
- };
58
- withHighlight: {
59
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
60
- deprecated: import("react-desc").PropTypesDescValidator;
61
- };
62
- isRequired: import("react-desc").PropTypesDescValue;
63
- };
64
- isGroup: {
65
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
66
- deprecated: import("react-desc").PropTypesDescValidator;
67
- };
68
- isRequired: import("react-desc").PropTypesDescValue;
69
- };
70
- };
71
- };
72
- declare const DSFormLayoutBlockItemWithSchema: {
73
- (props?: unknown): JSX.Element;
74
- propTypes: unknown;
75
- toTypescript: () => import("react-desc").TypescriptSchema;
76
- };
77
- export { DSFormLayoutBlockItem, DSFormLayoutBlockItemWithSchema };
@@ -1,35 +0,0 @@
1
- /// <reference types="react" />
2
- export interface DSFormLayoutBlockItemPropsT {
3
- children: JSX.Element;
4
- label: string;
5
- inputID: string;
6
- validationMessage?: string;
7
- feedbackMessage?: string;
8
- hasError?: boolean;
9
- leftLabel?: boolean;
10
- required?: boolean;
11
- fitContent?: boolean;
12
- optional?: boolean;
13
- hideLabel?: boolean;
14
- withHighlight?: boolean;
15
- isGroup?: boolean;
16
- }
17
- export interface DSFormLayoutBlockItemStyledMessageT {
18
- hasError?: boolean;
19
- leftLabel?: boolean;
20
- hideLabel?: boolean;
21
- }
22
- export interface DSFormLayoutBlockItemStyledContainerT {
23
- leftLabel?: boolean;
24
- fitContent?: boolean;
25
- hideLabel?: boolean;
26
- withHighlight?: boolean;
27
- isGroup?: boolean;
28
- }
29
- export interface DSFormLayoutBlockItemStyledLabelT {
30
- leftLabel?: boolean;
31
- hideLabel?: boolean;
32
- }
33
- export interface DSFormLayoutBlockItemStyledMarkT {
34
- required?: boolean;
35
- }
@@ -1 +0,0 @@
1
- export * from './DSFormLayoutBlockItem';
@@ -1,66 +0,0 @@
1
- /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
2
- export declare const propTypes: {
3
- children: any;
4
- label: any;
5
- inputID: any;
6
- feedbackMessage: {
7
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
8
- deprecated: import("react-desc").PropTypesDescValidator;
9
- };
10
- isRequired: import("react-desc").PropTypesDescValue;
11
- };
12
- validationMessage: {
13
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
14
- deprecated: import("react-desc").PropTypesDescValidator;
15
- };
16
- isRequired: import("react-desc").PropTypesDescValue;
17
- };
18
- hasError: {
19
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
20
- deprecated: import("react-desc").PropTypesDescValidator;
21
- };
22
- isRequired: import("react-desc").PropTypesDescValue;
23
- };
24
- required: {
25
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
26
- deprecated: import("react-desc").PropTypesDescValidator;
27
- };
28
- isRequired: import("react-desc").PropTypesDescValue;
29
- };
30
- optional: {
31
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
32
- deprecated: import("react-desc").PropTypesDescValidator;
33
- };
34
- isRequired: import("react-desc").PropTypesDescValue;
35
- };
36
- fitContent: {
37
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
38
- deprecated: import("react-desc").PropTypesDescValidator;
39
- };
40
- isRequired: import("react-desc").PropTypesDescValue;
41
- };
42
- leftLabel: {
43
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
44
- deprecated: import("react-desc").PropTypesDescValidator;
45
- };
46
- isRequired: import("react-desc").PropTypesDescValue;
47
- };
48
- hideLabel: {
49
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
50
- deprecated: import("react-desc").PropTypesDescValidator;
51
- };
52
- isRequired: import("react-desc").PropTypesDescValue;
53
- };
54
- withHighlight: {
55
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
56
- deprecated: import("react-desc").PropTypesDescValidator;
57
- };
58
- isRequired: import("react-desc").PropTypesDescValue;
59
- };
60
- isGroup: {
61
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
62
- deprecated: import("react-desc").PropTypesDescValidator;
63
- };
64
- isRequired: import("react-desc").PropTypesDescValue;
65
- };
66
- };
@@ -1,6 +0,0 @@
1
- import type { DSFormLayoutBlockItemStyledContainerT, DSFormLayoutBlockItemStyledLabelT, DSFormLayoutBlockItemStyledMessageT, DSFormLayoutBlockItemStyledMarkT } from './index.d';
2
- export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DSFormLayoutBlockItemStyledContainerT, never>;
3
- export declare const StyledLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, DSFormLayoutBlockItemStyledLabelT, never>;
4
- export declare const StyledMessage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DSFormLayoutBlockItemStyledMessageT, never>;
5
- export declare const StyledMark: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, DSFormLayoutBlockItemStyledMarkT, never>;
6
- export declare const ScreenReaderOnly: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
@@ -1,20 +0,0 @@
1
- /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
2
- /// <reference types="react" />
3
- import type { DSControlledCheckboxGroupT } from './index.d';
4
- declare const DSFormLayoutCheckboxGroup: {
5
- (props: DSControlledCheckboxGroupT): JSX.Element;
6
- propTypes: {
7
- direction: {
8
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
9
- deprecated: import("react-desc").PropTypesDescValidator;
10
- };
11
- isRequired: import("react-desc").PropTypesDescValue;
12
- };
13
- };
14
- };
15
- declare const DSFormLayoutCheckboxGroupWithSchema: {
16
- (props?: unknown): JSX.Element;
17
- propTypes: unknown;
18
- toTypescript: () => import("react-desc").TypescriptSchema;
19
- };
20
- export { DSFormLayoutCheckboxGroup, DSFormLayoutCheckboxGroupWithSchema };
@@ -1,2 +0,0 @@
1
- import type { DSControlledCheckboxGroupT } from '../index.d';
2
- export declare const useValidateProps: (props: DSControlledCheckboxGroupT) => void;
@@ -1,3 +0,0 @@
1
- export declare const defaultProps: {
2
- direction: string;
3
- };
@@ -1,10 +0,0 @@
1
- /// <reference types="react" />
2
- declare type DirectionsT = 'horizontal' | 'vertical';
3
- export interface DSControlledCheckboxGroupT {
4
- direction: DirectionsT;
5
- children: React.ReactNode;
6
- }
7
- export interface DSControlledCheckboxGroupStyledContainerT {
8
- direction: DirectionsT;
9
- }
10
- export {};
@@ -1 +0,0 @@
1
- export * from './DSFormLayoutCheckboxGroup';
@@ -1,9 +0,0 @@
1
- /// <reference path="../../../../../shared/typings/react-desc.d.ts" />
2
- export declare const propTypes: {
3
- direction: {
4
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
5
- deprecated: import("react-desc").PropTypesDescValidator;
6
- };
7
- isRequired: import("react-desc").PropTypesDescValue;
8
- };
9
- };
@@ -1,2 +0,0 @@
1
- import type { DSControlledCheckboxGroupStyledContainerT } from './index.d';
2
- export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DSControlledCheckboxGroupStyledContainerT, never>;
@@ -1,2 +0,0 @@
1
- export * from './form-layout-block-item';
2
- export * from './form-layout-checkbox-group';