@salutejs/plasma-new-hope 0.135.0-canary.1404.10631789671.0 → 0.135.0-canary.1405.10631388441.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +9 -19
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +5 -12
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/DatePicker/hooks/useDatePicker.js +7 -9
- package/cjs/components/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/cjs/components/DatePicker/utils/dateHelper.js +13 -13
- package/cjs/components/DatePicker/utils/dateHelper.js.map +1 -1
- package/cjs/components/InputGroup/InputGroup.css +11 -0
- package/cjs/components/InputGroup/InputGroup.js +81 -0
- package/cjs/components/InputGroup/InputGroup.js.map +1 -0
- package/cjs/components/InputGroup/InputGroup.styles.js +9 -0
- package/cjs/components/InputGroup/InputGroup.styles.js.map +1 -0
- package/cjs/components/InputGroup/InputGroup.styles_1ivl67d.css +1 -0
- package/cjs/components/InputGroup/InputGroup.tokens.js +94 -0
- package/cjs/components/InputGroup/InputGroup.tokens.js.map +1 -0
- package/cjs/components/InputGroup/variations/_gap/base.js +9 -0
- package/cjs/components/InputGroup/variations/_gap/base.js.map +1 -0
- package/cjs/components/InputGroup/variations/_gap/base_1k4piyx.css +1 -0
- package/cjs/components/InputGroup/variations/_orientation/base.js +9 -0
- package/cjs/components/InputGroup/variations/_orientation/base.js.map +1 -0
- package/cjs/components/InputGroup/variations/_orientation/base_mgs8eg.css +1 -0
- package/cjs/components/InputGroup/variations/_shape/base.js +9 -0
- package/cjs/components/InputGroup/variations/_shape/base.js.map +1 -0
- package/cjs/components/InputGroup/variations/_shape/base_3k0aw7.css +1 -0
- package/cjs/components/InputGroup/variations/_size/base.js +9 -0
- package/cjs/components/InputGroup/variations/_size/base.js.map +1 -0
- package/cjs/components/InputGroup/variations/_size/base_1vk5vms.css +1 -0
- package/cjs/components/InputGroup/variations/_stretching/base.js +9 -0
- package/cjs/components/InputGroup/variations/_stretching/base.js.map +1 -0
- package/cjs/components/InputGroup/variations/_stretching/base_1cr1a83.css +1 -0
- package/cjs/components/TextField/TextField.js +1 -1
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.tokens.js +2 -1
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/index.css +12 -0
- package/cjs/index.js +7 -0
- package/cjs/index.js.map +1 -1
- package/cjs/utils/datejs.js +0 -2
- package/cjs/utils/datejs.js.map +1 -1
- package/emotion/cjs/components/DatePicker/DatePicker.template-doc.mdx +0 -32
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +9 -19
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +5 -12
- package/emotion/cjs/components/DatePicker/hooks/useDatePicker.js +7 -9
- package/emotion/cjs/components/DatePicker/utils/dateHelper.js +13 -13
- package/emotion/cjs/components/InputGroup/InputGroup.js +83 -0
- package/emotion/cjs/components/InputGroup/InputGroup.styles.js +17 -0
- package/emotion/cjs/components/InputGroup/InputGroup.template-doc.mdx +126 -0
- package/emotion/cjs/components/InputGroup/InputGroup.tokens.js +92 -0
- package/emotion/cjs/components/InputGroup/InputGroup.types.js +5 -0
- package/emotion/cjs/components/InputGroup/index.js +31 -0
- package/emotion/cjs/components/InputGroup/variations/_gap/base.js +9 -0
- package/emotion/cjs/components/InputGroup/variations/_gap/tokens.json +1 -0
- package/emotion/cjs/components/InputGroup/variations/_orientation/base.js +9 -0
- package/emotion/cjs/components/InputGroup/variations/_orientation/tokens.json +1 -0
- package/emotion/cjs/components/InputGroup/variations/_shape/base.js +11 -0
- package/emotion/cjs/components/InputGroup/variations/_shape/tokens.json +1 -0
- package/emotion/cjs/components/InputGroup/variations/_size/base.js +10 -0
- package/emotion/cjs/components/InputGroup/variations/_size/tokens.json +58 -0
- package/emotion/cjs/components/InputGroup/variations/_stretching/base.js +9 -0
- package/emotion/cjs/components/InputGroup/variations/_stretching/tokens.json +1 -0
- package/emotion/cjs/components/TextField/TextField.js +2 -2
- package/emotion/cjs/components/TextField/TextField.tokens.js +2 -1
- package/emotion/cjs/components/TextField/index.js +6 -0
- package/emotion/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -33
- package/emotion/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.config.js +38 -0
- package/emotion/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.js +11 -0
- package/emotion/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.stories.tsx +116 -0
- package/emotion/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +0 -34
- package/emotion/cjs/examples/plasma_web/components/InputGroup/InputGroup.config.js +38 -0
- package/emotion/cjs/examples/plasma_web/components/InputGroup/InputGroup.js +11 -0
- package/emotion/cjs/examples/plasma_web/components/InputGroup/InputGroup.stories.tsx +116 -0
- package/emotion/cjs/index.js +11 -0
- package/emotion/cjs/utils/datejs.js +0 -2
- package/emotion/es/components/DatePicker/DatePicker.template-doc.mdx +0 -32
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +9 -19
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +5 -12
- package/emotion/es/components/DatePicker/hooks/useDatePicker.js +7 -9
- package/emotion/es/components/DatePicker/utils/dateHelper.js +13 -13
- package/emotion/es/components/InputGroup/InputGroup.js +74 -0
- package/emotion/es/components/InputGroup/InputGroup.styles.js +11 -0
- package/emotion/es/components/InputGroup/InputGroup.template-doc.mdx +126 -0
- package/emotion/es/components/InputGroup/InputGroup.tokens.js +86 -0
- package/emotion/es/components/InputGroup/InputGroup.types.js +1 -0
- package/emotion/es/components/InputGroup/index.js +2 -0
- package/emotion/es/components/InputGroup/variations/_gap/base.js +3 -0
- package/emotion/es/components/InputGroup/variations/_gap/tokens.json +1 -0
- package/emotion/es/components/InputGroup/variations/_orientation/base.js +3 -0
- package/emotion/es/components/InputGroup/variations/_orientation/tokens.json +1 -0
- package/emotion/es/components/InputGroup/variations/_shape/base.js +5 -0
- package/emotion/es/components/InputGroup/variations/_shape/tokens.json +1 -0
- package/emotion/es/components/InputGroup/variations/_size/base.js +4 -0
- package/emotion/es/components/InputGroup/variations/_size/tokens.json +58 -0
- package/emotion/es/components/InputGroup/variations/_stretching/base.js +3 -0
- package/emotion/es/components/InputGroup/variations/_stretching/tokens.json +1 -0
- package/emotion/es/components/TextField/TextField.js +2 -2
- package/emotion/es/components/TextField/TextField.tokens.js +2 -1
- package/emotion/es/components/TextField/index.js +1 -1
- package/emotion/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -33
- package/emotion/es/examples/plasma_b2c/components/InputGroup/InputGroup.config.js +32 -0
- package/emotion/es/examples/plasma_b2c/components/InputGroup/InputGroup.js +5 -0
- package/emotion/es/examples/plasma_b2c/components/InputGroup/InputGroup.stories.tsx +116 -0
- package/emotion/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +0 -34
- package/emotion/es/examples/plasma_web/components/InputGroup/InputGroup.config.js +32 -0
- package/emotion/es/examples/plasma_web/components/InputGroup/InputGroup.js +5 -0
- package/emotion/es/examples/plasma_web/components/InputGroup/InputGroup.stories.tsx +116 -0
- package/emotion/es/index.js +1 -0
- package/emotion/es/utils/datejs.js +0 -2
- package/es/components/DatePicker/RangeDate/RangeDate.js +9 -19
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.js +5 -12
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/DatePicker/hooks/useDatePicker.js +7 -9
- package/es/components/DatePicker/hooks/useDatePicker.js.map +1 -1
- package/es/components/DatePicker/utils/dateHelper.js +13 -13
- package/es/components/DatePicker/utils/dateHelper.js.map +1 -1
- package/es/components/InputGroup/InputGroup.css +11 -0
- package/es/components/InputGroup/InputGroup.js +76 -0
- package/es/components/InputGroup/InputGroup.js.map +1 -0
- package/es/components/InputGroup/InputGroup.styles.js +5 -0
- package/es/components/InputGroup/InputGroup.styles.js.map +1 -0
- package/es/components/InputGroup/InputGroup.styles_1ivl67d.css +1 -0
- package/es/components/InputGroup/InputGroup.tokens.js +89 -0
- package/es/components/InputGroup/InputGroup.tokens.js.map +1 -0
- package/es/components/InputGroup/variations/_gap/base.js +5 -0
- package/es/components/InputGroup/variations/_gap/base.js.map +1 -0
- package/es/components/InputGroup/variations/_gap/base_1k4piyx.css +1 -0
- package/es/components/InputGroup/variations/_orientation/base.js +5 -0
- package/es/components/InputGroup/variations/_orientation/base.js.map +1 -0
- package/es/components/InputGroup/variations/_orientation/base_mgs8eg.css +1 -0
- package/es/components/InputGroup/variations/_shape/base.js +5 -0
- package/es/components/InputGroup/variations/_shape/base.js.map +1 -0
- package/es/components/InputGroup/variations/_shape/base_3k0aw7.css +1 -0
- package/es/components/InputGroup/variations/_size/base.js +5 -0
- package/es/components/InputGroup/variations/_size/base.js.map +1 -0
- package/es/components/InputGroup/variations/_size/base_1vk5vms.css +1 -0
- package/es/components/InputGroup/variations/_stretching/base.js +5 -0
- package/es/components/InputGroup/variations/_stretching/base.js.map +1 -0
- package/es/components/InputGroup/variations/_stretching/base_1cr1a83.css +1 -0
- package/es/components/TextField/TextField.js +1 -1
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.tokens.js +2 -1
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/index.css +12 -0
- package/es/index.js +3 -1
- package/es/index.js.map +1 -1
- package/es/utils/datejs.js +0 -2
- package/es/utils/datejs.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/DatePicker/DatePicker.template-doc.mdx +0 -32
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +9 -19
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +5 -12
- package/styled-components/cjs/components/DatePicker/hooks/useDatePicker.js +7 -9
- package/styled-components/cjs/components/DatePicker/utils/dateHelper.js +13 -13
- package/styled-components/cjs/components/InputGroup/InputGroup.js +83 -0
- package/styled-components/cjs/components/InputGroup/InputGroup.styles.js +8 -0
- package/styled-components/cjs/components/InputGroup/InputGroup.template-doc.mdx +126 -0
- package/styled-components/cjs/components/InputGroup/InputGroup.tokens.js +92 -0
- package/styled-components/cjs/components/InputGroup/InputGroup.types.js +5 -0
- package/styled-components/cjs/components/InputGroup/index.js +31 -0
- package/styled-components/cjs/components/InputGroup/variations/_gap/base.js +9 -0
- package/styled-components/cjs/components/InputGroup/variations/_gap/tokens.json +1 -0
- package/styled-components/cjs/components/InputGroup/variations/_orientation/base.js +9 -0
- package/styled-components/cjs/components/InputGroup/variations/_orientation/tokens.json +1 -0
- package/styled-components/cjs/components/InputGroup/variations/_shape/base.js +11 -0
- package/styled-components/cjs/components/InputGroup/variations/_shape/tokens.json +1 -0
- package/styled-components/cjs/components/InputGroup/variations/_size/base.js +10 -0
- package/styled-components/cjs/components/InputGroup/variations/_size/tokens.json +58 -0
- package/styled-components/cjs/components/InputGroup/variations/_stretching/base.js +9 -0
- package/styled-components/cjs/components/InputGroup/variations/_stretching/tokens.json +1 -0
- package/styled-components/cjs/components/TextField/TextField.js +1 -1
- package/styled-components/cjs/components/TextField/TextField.tokens.js +2 -1
- package/styled-components/cjs/components/TextField/index.js +6 -0
- package/styled-components/cjs/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -33
- package/styled-components/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.config.js +38 -0
- package/styled-components/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/InputGroup/InputGroup.stories.tsx +116 -0
- package/styled-components/cjs/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +0 -34
- package/styled-components/cjs/examples/plasma_web/components/InputGroup/InputGroup.config.js +38 -0
- package/styled-components/cjs/examples/plasma_web/components/InputGroup/InputGroup.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/InputGroup/InputGroup.stories.tsx +116 -0
- package/styled-components/cjs/index.js +11 -0
- package/styled-components/cjs/utils/datejs.js +0 -2
- package/styled-components/es/components/DatePicker/DatePicker.template-doc.mdx +0 -32
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +9 -19
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +5 -12
- package/styled-components/es/components/DatePicker/hooks/useDatePicker.js +7 -9
- package/styled-components/es/components/DatePicker/utils/dateHelper.js +13 -13
- package/styled-components/es/components/InputGroup/InputGroup.js +74 -0
- package/styled-components/es/components/InputGroup/InputGroup.styles.js +2 -0
- package/styled-components/es/components/InputGroup/InputGroup.template-doc.mdx +126 -0
- package/styled-components/es/components/InputGroup/InputGroup.tokens.js +86 -0
- package/styled-components/es/components/InputGroup/InputGroup.types.js +1 -0
- package/styled-components/es/components/InputGroup/index.js +2 -0
- package/styled-components/es/components/InputGroup/variations/_gap/base.js +3 -0
- package/styled-components/es/components/InputGroup/variations/_gap/tokens.json +1 -0
- package/styled-components/es/components/InputGroup/variations/_orientation/base.js +3 -0
- package/styled-components/es/components/InputGroup/variations/_orientation/tokens.json +1 -0
- package/styled-components/es/components/InputGroup/variations/_shape/base.js +5 -0
- package/styled-components/es/components/InputGroup/variations/_shape/tokens.json +1 -0
- package/styled-components/es/components/InputGroup/variations/_size/base.js +4 -0
- package/styled-components/es/components/InputGroup/variations/_size/tokens.json +58 -0
- package/styled-components/es/components/InputGroup/variations/_stretching/base.js +3 -0
- package/styled-components/es/components/InputGroup/variations/_stretching/tokens.json +1 -0
- package/styled-components/es/components/TextField/TextField.js +1 -1
- package/styled-components/es/components/TextField/TextField.tokens.js +2 -1
- package/styled-components/es/components/TextField/index.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/DatePicker/DatePicker.stories.tsx +0 -33
- package/styled-components/es/examples/plasma_b2c/components/InputGroup/InputGroup.config.js +32 -0
- package/styled-components/es/examples/plasma_b2c/components/InputGroup/InputGroup.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/InputGroup/InputGroup.stories.tsx +116 -0
- package/styled-components/es/examples/plasma_web/components/DatePicker/DatePicker.stories.tsx +0 -34
- package/styled-components/es/examples/plasma_web/components/InputGroup/InputGroup.config.js +32 -0
- package/styled-components/es/examples/plasma_web/components/InputGroup/InputGroup.js +5 -0
- package/styled-components/es/examples/plasma_web/components/InputGroup/InputGroup.stories.tsx +116 -0
- package/styled-components/es/index.js +1 -0
- package/styled-components/es/utils/datejs.js +0 -2
- package/types/components/DatePicker/DatePickerBase.types.d.ts +0 -6
- package/types/components/DatePicker/DatePickerBase.types.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/DatePicker/hooks/useDatePicker.d.ts +1 -1
- package/types/components/DatePicker/hooks/useDatePicker.d.ts.map +1 -1
- package/types/components/DatePicker/utils/dateHelper.d.ts +3 -4
- package/types/components/DatePicker/utils/dateHelper.d.ts.map +1 -1
- package/types/components/InputGroup/InputGroup.d.ts +35 -0
- package/types/components/InputGroup/InputGroup.d.ts.map +1 -0
- package/types/components/InputGroup/InputGroup.styles.d.ts +2 -0
- package/types/components/InputGroup/InputGroup.styles.d.ts.map +1 -0
- package/types/components/InputGroup/InputGroup.tokens.d.ts +85 -0
- package/types/components/InputGroup/InputGroup.tokens.d.ts.map +1 -0
- package/types/components/InputGroup/InputGroup.types.d.ts +84 -0
- package/types/components/InputGroup/InputGroup.types.d.ts.map +1 -0
- package/types/components/InputGroup/index.d.ts +4 -0
- package/types/components/InputGroup/index.d.ts.map +1 -0
- package/types/components/InputGroup/variations/_gap/base.d.ts +2 -0
- package/types/components/InputGroup/variations/_gap/base.d.ts.map +1 -0
- package/types/components/InputGroup/variations/_orientation/base.d.ts +2 -0
- package/types/components/InputGroup/variations/_orientation/base.d.ts.map +1 -0
- package/types/components/InputGroup/variations/_shape/base.d.ts +2 -0
- package/types/components/InputGroup/variations/_shape/base.d.ts.map +1 -0
- package/types/components/InputGroup/variations/_size/base.d.ts +2 -0
- package/types/components/InputGroup/variations/_size/base.d.ts.map +1 -0
- package/types/components/InputGroup/variations/_stretching/base.d.ts +2 -0
- package/types/components/InputGroup/variations/_stretching/base.d.ts.map +1 -0
- package/types/components/TextField/TextField.tokens.d.ts +1 -0
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/index.d.ts +1 -1
- package/types/components/TextField/index.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/InputGroup/InputGroup.config.d.ts +31 -0
- package/types/examples/plasma_b2c/components/InputGroup/InputGroup.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/InputGroup/InputGroup.d.ts +43 -0
- package/types/examples/plasma_b2c/components/InputGroup/InputGroup.d.ts.map +1 -0
- package/types/examples/plasma_web/components/InputGroup/InputGroup.config.d.ts +31 -0
- package/types/examples/plasma_web/components/InputGroup/InputGroup.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/InputGroup/InputGroup.d.ts +43 -0
- package/types/examples/plasma_web/components/InputGroup/InputGroup.d.ts.map +1 -0
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- package/types/utils/datejs.d.ts +0 -2
- package/types/utils/datejs.d.ts.map +1 -1
package/cjs/index.js
CHANGED
@@ -52,6 +52,8 @@ var TextArea = require('./components/TextArea/TextArea.js');
|
|
52
52
|
var TextArea_tokens = require('./components/TextArea/TextArea.tokens.js');
|
53
53
|
var TextField = require('./components/TextField/TextField.js');
|
54
54
|
var TextField_tokens = require('./components/TextField/TextField.tokens.js');
|
55
|
+
var InputGroup = require('./components/InputGroup/InputGroup.js');
|
56
|
+
var InputGroup_tokens = require('./components/InputGroup/InputGroup.tokens.js');
|
55
57
|
var after = require('./components/Switch/_label-position/after.js');
|
56
58
|
var before = require('./components/Switch/_label-position/before.js');
|
57
59
|
var Switch = require('./components/Switch/Switch.js');
|
@@ -325,7 +327,12 @@ exports.textAreaRoot = TextArea.textAreaRoot;
|
|
325
327
|
exports.textAreaTokens = TextArea_tokens.tokens;
|
326
328
|
exports.textFieldConfig = TextField.textFieldConfig;
|
327
329
|
exports.textFieldRoot = TextField.textFieldRoot;
|
330
|
+
exports.textFieldClasses = TextField_tokens.classes;
|
328
331
|
exports.textFieldTokens = TextField_tokens.tokens;
|
332
|
+
exports.inputGroupConfig = InputGroup.inputGroupConfig;
|
333
|
+
exports.inputGroupRoot = InputGroup.inputGroupRoot;
|
334
|
+
exports.inputGroupClasses = InputGroup_tokens.classes;
|
335
|
+
exports.inputGroupTokens = InputGroup_tokens.tokens;
|
329
336
|
exports.Switch_LabelPosition_After = after.labelPosition_After;
|
330
337
|
exports.Switch_LabelPosition_Before = before.labelPosition_Before;
|
331
338
|
exports.switchConfig = Switch.switchConfig;
|
package/cjs/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/cjs/utils/datejs.js
CHANGED
@@ -6,8 +6,6 @@ var dayjs = require('dayjs');
|
|
6
6
|
var customParseFormat = require('dayjs/plugin/customParseFormat');
|
7
7
|
var quarterOfYear = require('dayjs/plugin/quarterOfYear');
|
8
8
|
var advancedFormat = require('dayjs/plugin/advancedFormat');
|
9
|
-
require('dayjs/locale/ru');
|
10
|
-
require('dayjs/locale/en');
|
11
9
|
|
12
10
|
dayjs.extend(customParseFormat);
|
13
11
|
dayjs.extend(quarterOfYear);
|
package/cjs/utils/datejs.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"datejs.js","sources":["../../src/utils/datejs.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\nimport quarterOfYear from 'dayjs/plugin/quarterOfYear';\nimport advancedFormat from 'dayjs/plugin/advancedFormat';\n\
|
1
|
+
{"version":3,"file":"datejs.js","sources":["../../src/utils/datejs.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport customParseFormat from 'dayjs/plugin/customParseFormat';\nimport quarterOfYear from 'dayjs/plugin/quarterOfYear';\nimport advancedFormat from 'dayjs/plugin/advancedFormat';\n\ndayjs.extend(customParseFormat);\ndayjs.extend(quarterOfYear);\ndayjs.extend(advancedFormat);\n\nexport const customDayjs = dayjs;\n"],"names":["dayjs","extend","customParseFormat","quarterOfYear","advancedFormat","customDayjs"],"mappings":";;;;;;;;;AAKAA,KAAK,CAACC,MAAM,CAACC,iBAAiB,CAAC,CAAA;AAC/BF,KAAK,CAACC,MAAM,CAACE,aAAa,CAAC,CAAA;AAC3BH,KAAK,CAACC,MAAM,CAACG,cAAc,CAAC,CAAA;AAErB,IAAMC,WAAW,GAAGL;;;;"}
|
@@ -70,38 +70,6 @@ export function App() {
|
|
70
70
|
}
|
71
71
|
```
|
72
72
|
|
73
|
-
### Язык даты
|
74
|
-
Язык даты задается с помощью свойства `lang`.
|
75
|
-
|
76
|
-
| Обозначение | Отображение | Описание |
|
77
|
-
|-------------|-------------|---------------------|
|
78
|
-
| ru | June | Английский Язык |
|
79
|
-
| en | июнь | Русский язык |
|
80
|
-
|
81
|
-
По умолчанию используется `ru`
|
82
|
-
|
83
|
-
```tsx live
|
84
|
-
import React from 'react';
|
85
|
-
import { DatePicker } from '@salutejs/{{ package }}';
|
86
|
-
import { IconDone } from '@salutejs/plasma-icons';
|
87
|
-
|
88
|
-
export function App() {
|
89
|
-
return (
|
90
|
-
<div style=\{{ height: "450px" }}>
|
91
|
-
<DatePicker
|
92
|
-
label="Лейбл"
|
93
|
-
leftHelper="Подсказка к полю"
|
94
|
-
placeholder="Введите дату"
|
95
|
-
format="DD MMMM YYYY"
|
96
|
-
lang="en"
|
97
|
-
maskWithFormat
|
98
|
-
contentRight={<IconDone size="s" />}
|
99
|
-
/>
|
100
|
-
</div>
|
101
|
-
);
|
102
|
-
}
|
103
|
-
```
|
104
|
-
|
105
73
|
### Валидация и индикация успешного ввода даты.
|
106
74
|
За индикацию ошибки или успешного ввода отвечают `valueError`, `valueSuccess`.
|
107
75
|
В данном примере валидация происходит при нажатии клавиши `Enter` после ввода значений:
|
@@ -17,7 +17,7 @@ var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
|
17
17
|
var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
|
18
18
|
var _RangeDate = /*#__PURE__*/require("./RangeDate.styles");
|
19
19
|
var _RangeDatePopover = /*#__PURE__*/require("./RangeDatePopover/RangeDatePopover");
|
20
|
-
var _excluded = ["className", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "format", "
|
20
|
+
var _excluded = ["className", "isDoubleCalendar", "opened", "label", "leftHelper", "contentLeft", "contentRight", "view", "size", "readOnly", "disabled", "dividerVariant", "dividerIcon", "defaultFirstDate", "defaultSecondDate", "firstValueError", "secondValueError", "firstValueSuccess", "secondValueSuccess", "firstPlaceholder", "secondPlaceholder", "firstTextfieldContentLeft", "firstTextfieldContentRight", "secondTextfieldContentLeft", "secondTextfieldContentRight", "firstTextfieldTextBefore", "secondTextfieldTextBefore", "firstTextfieldTextAfter", "secondTextfieldTextAfter", "format", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "closeOnEsc", "offset", "onToggle", "onChangeFirstValue", "onChangeSecondValue", "onCommitFirstDate", "onCommitSecondDate", "onFocusFirstTextfield", "onFocusSecondTextfield", "onBlurFirstTextfield", "onBlurSecondTextfield"];
|
21
21
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
22
22
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
23
23
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
@@ -70,8 +70,6 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
70
70
|
secondTextfieldTextAfter = _ref.secondTextfieldTextAfter,
|
71
71
|
_ref$format = _ref.format,
|
72
72
|
format = _ref$format === void 0 ? 'DD.MM.YYYY' : _ref$format,
|
73
|
-
_ref$lang = _ref.lang,
|
74
|
-
lang = _ref$lang === void 0 ? 'ru' : _ref$lang,
|
75
73
|
maskWithFormat = _ref.maskWithFormat,
|
76
74
|
min = _ref.min,
|
77
75
|
max = _ref.max,
|
@@ -118,19 +116,19 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
118
116
|
_useState6 = _slicedToArray(_useState5, 2),
|
119
117
|
isInnerOpen = _useState6[0],
|
120
118
|
setIsInnerOpen = _useState6[1];
|
121
|
-
var _useState7 = (0, _react.useState)((0, _dateHelper.formatCalendarValue)(defaultFirstDate, format
|
119
|
+
var _useState7 = (0, _react.useState)((0, _dateHelper.formatCalendarValue)(defaultFirstDate, format)),
|
122
120
|
_useState8 = _slicedToArray(_useState7, 2),
|
123
121
|
calendarFirstValue = _useState8[0],
|
124
122
|
setCalendarFirstValue = _useState8[1];
|
125
|
-
var _useState9 = (0, _react.useState)((0, _dateHelper.formatInputValue)(defaultFirstDate, format
|
123
|
+
var _useState9 = (0, _react.useState)((0, _dateHelper.formatInputValue)(defaultFirstDate, format)),
|
126
124
|
_useState10 = _slicedToArray(_useState9, 2),
|
127
125
|
inputFirstValue = _useState10[0],
|
128
126
|
setInputFirstValue = _useState10[1];
|
129
|
-
var _useState11 = (0, _react.useState)((0, _dateHelper.formatCalendarValue)(defaultSecondDate, format
|
127
|
+
var _useState11 = (0, _react.useState)((0, _dateHelper.formatCalendarValue)(defaultSecondDate, format)),
|
130
128
|
_useState12 = _slicedToArray(_useState11, 2),
|
131
129
|
calendarSecondValue = _useState12[0],
|
132
130
|
setCalendarSecondValue = _useState12[1];
|
133
|
-
var _useState13 = (0, _react.useState)((0, _dateHelper.formatInputValue)(defaultSecondDate, format
|
131
|
+
var _useState13 = (0, _react.useState)((0, _dateHelper.formatInputValue)(defaultSecondDate, format)),
|
134
132
|
_useState14 = _slicedToArray(_useState13, 2),
|
135
133
|
inputSecondValue = _useState14[0],
|
136
134
|
setInputSecondValue = _useState14[1];
|
@@ -144,7 +142,6 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
144
142
|
setIsInnerOpen: setIsInnerOpen,
|
145
143
|
dateFormatDelimiter: dateFormatDelimiter,
|
146
144
|
format: format,
|
147
|
-
lang: lang,
|
148
145
|
disabled: disabled,
|
149
146
|
readOnly: readOnly,
|
150
147
|
maskWithFormat: maskWithFormat,
|
@@ -163,7 +160,6 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
163
160
|
setIsInnerOpen: setIsInnerOpen,
|
164
161
|
dateFormatDelimiter: dateFormatDelimiter,
|
165
162
|
format: format,
|
166
|
-
lang: lang,
|
167
163
|
disabled: disabled,
|
168
164
|
readOnly: readOnly,
|
169
165
|
maskWithFormat: maskWithFormat,
|
@@ -248,19 +244,13 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
|
|
248
244
|
});
|
249
245
|
}, [opened]);
|
250
246
|
(0, _react.useEffect)(function () {
|
251
|
-
setCalendarFirstValue((0, _dateHelper.formatCalendarValue)(defaultFirstDate, format
|
252
|
-
setInputFirstValue((0, _dateHelper.formatInputValue)(defaultFirstDate, format
|
247
|
+
setCalendarFirstValue((0, _dateHelper.formatCalendarValue)(defaultFirstDate, format));
|
248
|
+
setInputFirstValue((0, _dateHelper.formatInputValue)(defaultFirstDate, format));
|
253
249
|
}, [defaultFirstDate]);
|
254
250
|
(0, _react.useEffect)(function () {
|
255
|
-
setCalendarSecondValue((0, _dateHelper.formatCalendarValue)(defaultSecondDate, format
|
256
|
-
setInputSecondValue((0, _dateHelper.formatInputValue)(defaultSecondDate, format
|
251
|
+
setCalendarSecondValue((0, _dateHelper.formatCalendarValue)(defaultSecondDate, format));
|
252
|
+
setInputSecondValue((0, _dateHelper.formatInputValue)(defaultSecondDate, format));
|
257
253
|
}, [defaultSecondDate]);
|
258
|
-
(0, _react.useEffect)(function () {
|
259
|
-
setCalendarFirstValue((0, _dateHelper.formatCalendarValue)(defaultFirstDate, format, lang));
|
260
|
-
setInputFirstValue((0, _dateHelper.formatInputValue)(defaultFirstDate, format, lang));
|
261
|
-
setCalendarSecondValue((0, _dateHelper.formatCalendarValue)(defaultSecondDate, format, lang));
|
262
|
-
setInputSecondValue((0, _dateHelper.formatInputValue)(defaultSecondDate, format, lang));
|
263
|
-
}, [format, lang]);
|
264
254
|
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
265
255
|
ref: rootRef,
|
266
256
|
view: view,
|
@@ -17,7 +17,7 @@ var _base2 = /*#__PURE__*/require("./variations/_view/base");
|
|
17
17
|
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
18
18
|
var _base4 = /*#__PURE__*/require("./variations/_readonly/base");
|
19
19
|
var _SingleDate = /*#__PURE__*/require("./SingleDate.styles");
|
20
|
-
var _excluded = ["className", "opened", "label", "labelPlacement", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "defaultDate", "valueError", "valueSuccess", "format", "
|
20
|
+
var _excluded = ["className", "opened", "label", "labelPlacement", "placeholder", "leftHelper", "contentLeft", "contentRight", "textBefore", "textAfter", "view", "size", "readOnly", "disabled", "defaultDate", "valueError", "valueSuccess", "format", "maskWithFormat", "min", "max", "includeEdgeDates", "eventList", "disabledList", "eventMonthList", "disabledMonthList", "eventQuarterList", "disabledQuarterList", "eventYearList", "disabledYearList", "type", "placement", "closeOnOverlayClick", "offset", "onChangeValue", "onCommitDate", "onToggle", "onFocus", "onBlur"];
|
21
21
|
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
22
22
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
23
23
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
@@ -55,8 +55,6 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
55
55
|
valueSuccess = _ref.valueSuccess,
|
56
56
|
_ref$format = _ref.format,
|
57
57
|
format = _ref$format === void 0 ? 'DD.MM.YYYY' : _ref$format,
|
58
|
-
_ref$lang = _ref.lang,
|
59
|
-
lang = _ref$lang === void 0 ? 'ru' : _ref$lang,
|
60
58
|
maskWithFormat = _ref.maskWithFormat,
|
61
59
|
min = _ref.min,
|
62
60
|
max = _ref.max,
|
@@ -88,11 +86,11 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
88
86
|
_useState2 = _slicedToArray(_useState, 2),
|
89
87
|
isInnerOpen = _useState2[0],
|
90
88
|
setIsInnerOpen = _useState2[1];
|
91
|
-
var _useState3 = (0, _react.useState)((0, _dateHelper.formatCalendarValue)(defaultDate, format
|
89
|
+
var _useState3 = (0, _react.useState)((0, _dateHelper.formatCalendarValue)(defaultDate, format)),
|
92
90
|
_useState4 = _slicedToArray(_useState3, 2),
|
93
91
|
calendarValue = _useState4[0],
|
94
92
|
setCalendarValue = _useState4[1];
|
95
|
-
var _useState5 = (0, _react.useState)((0, _dateHelper.formatInputValue)(defaultDate, format
|
93
|
+
var _useState5 = (0, _react.useState)((0, _dateHelper.formatInputValue)(defaultDate, format)),
|
96
94
|
_useState6 = _slicedToArray(_useState5, 2),
|
97
95
|
inputValue = _useState6[0],
|
98
96
|
setInputValue = _useState6[1];
|
@@ -107,7 +105,6 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
107
105
|
setIsInnerOpen: setIsInnerOpen,
|
108
106
|
dateFormatDelimiter: dateFormatDelimiter,
|
109
107
|
format: format,
|
110
|
-
lang: lang,
|
111
108
|
disabled: disabled,
|
112
109
|
readOnly: readOnly,
|
113
110
|
maskWithFormat: maskWithFormat,
|
@@ -157,13 +154,9 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
|
|
157
154
|
});
|
158
155
|
}, [opened]);
|
159
156
|
(0, _react.useEffect)(function () {
|
160
|
-
setCalendarValue((0, _dateHelper.formatCalendarValue)(defaultDate, format
|
161
|
-
setInputValue((0, _dateHelper.formatInputValue)(defaultDate, format
|
157
|
+
setCalendarValue((0, _dateHelper.formatCalendarValue)(defaultDate, format));
|
158
|
+
setInputValue((0, _dateHelper.formatInputValue)(defaultDate, format));
|
162
159
|
}, [defaultDate]);
|
163
|
-
(0, _react.useEffect)(function () {
|
164
|
-
setCalendarValue((0, _dateHelper.formatCalendarValue)(defaultDate, format, lang));
|
165
|
-
setInputValue((0, _dateHelper.formatInputValue)(defaultDate, format, lang));
|
166
|
-
}, [format, lang]);
|
167
160
|
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
168
161
|
view: view,
|
169
162
|
size: size,
|
@@ -13,8 +13,6 @@ var useDatePicker = exports.useDatePicker = function useDatePicker(_ref) {
|
|
13
13
|
setIsInnerOpen = _ref.setIsInnerOpen,
|
14
14
|
dateFormatDelimiter = _ref.dateFormatDelimiter,
|
15
15
|
format = _ref.format,
|
16
|
-
_ref$lang = _ref.lang,
|
17
|
-
lang = _ref$lang === void 0 ? 'ru' : _ref$lang,
|
18
16
|
disabled = _ref.disabled,
|
19
17
|
readOnly = _ref.readOnly,
|
20
18
|
maskWithFormat = _ref.maskWithFormat,
|
@@ -45,9 +43,9 @@ var useDatePicker = exports.useDatePicker = function useDatePicker(_ref) {
|
|
45
43
|
if (!format) {
|
46
44
|
setCalendarValue((0, _dateHelper.formatCalendarValue)(newValue));
|
47
45
|
} else if ((newValue === null || newValue === void 0 ? void 0 : newValue.length) === format.length) {
|
48
|
-
setCalendarValue((0, _dateHelper.formatCalendarValue)(newValue, format
|
46
|
+
setCalendarValue((0, _dateHelper.formatCalendarValue)(newValue, format));
|
49
47
|
}
|
50
|
-
setInputValue((0, _dateHelper.formatInputValue)(newValue, format
|
48
|
+
setInputValue((0, _dateHelper.formatInputValue)(newValue, format));
|
51
49
|
onChangeValue === null || onChangeValue === void 0 || onChangeValue(event, newValue);
|
52
50
|
};
|
53
51
|
var handleCommitDate = function handleCommitDate(date, applyFormat, isCalendarValue, dateInfo) {
|
@@ -60,17 +58,17 @@ var useDatePicker = exports.useDatePicker = function useDatePicker(_ref) {
|
|
60
58
|
return onCommitDate === null || onCommitDate === void 0 ? void 0 : onCommitDate('', false, true);
|
61
59
|
}
|
62
60
|
if (isCalendarValue) {
|
63
|
-
setCalendarValue((0, _dateHelper.formatCalendarValue)(date, format
|
64
|
-
setInputValue((0, _dateHelper.formatInputValue)(date, format
|
61
|
+
setCalendarValue((0, _dateHelper.formatCalendarValue)(date, format));
|
62
|
+
setInputValue((0, _dateHelper.formatInputValue)(date, format));
|
65
63
|
return onCommitDate === null || onCommitDate === void 0 ? void 0 : onCommitDate(date, false, true, dateInfo);
|
66
64
|
}
|
67
65
|
var formatString = applyFormat ? format : undefined;
|
68
|
-
var _getDateFromFormat = (0, _dateHelper.getDateFromFormat)(date, formatString
|
66
|
+
var _getDateFromFormat = (0, _dateHelper.getDateFromFormat)(date, formatString),
|
69
67
|
newDate = _getDateFromFormat.value,
|
70
68
|
isError = _getDateFromFormat.isError,
|
71
69
|
isSuccess = _getDateFromFormat.isSuccess;
|
72
|
-
setCalendarValue((0, _dateHelper.formatCalendarValue)(newDate, format
|
73
|
-
setInputValue((0, _dateHelper.formatInputValue)(newDate, format
|
70
|
+
setCalendarValue((0, _dateHelper.formatCalendarValue)(newDate, format));
|
71
|
+
setInputValue((0, _dateHelper.formatInputValue)(newDate, format));
|
74
72
|
onCommitDate === null || onCommitDate === void 0 || onCommitDate(newDate, isError, isSuccess);
|
75
73
|
};
|
76
74
|
return {
|
@@ -5,41 +5,41 @@ Object.defineProperty(exports, "__esModule", {
|
|
5
5
|
});
|
6
6
|
exports.getMaskedDateOnInput = exports.getDateFromFormat = exports.getDateFormatDelimiter = exports.formatInputValue = exports.formatCalendarValue = void 0;
|
7
7
|
var _datejs = /*#__PURE__*/require("../../../utils/datejs");
|
8
|
-
var formatInputValue = exports.formatInputValue = function formatInputValue(value, format
|
9
|
-
if (!value
|
8
|
+
var formatInputValue = exports.formatInputValue = function formatInputValue(value, format) {
|
9
|
+
if (!value) {
|
10
10
|
return '';
|
11
11
|
}
|
12
12
|
if (format && (0, _datejs.customDayjs)(value, format, true).isValid()) {
|
13
|
-
return (0, _datejs.customDayjs)(value, format).
|
13
|
+
return (0, _datejs.customDayjs)(value, format).format(format);
|
14
14
|
}
|
15
15
|
if (format && String(value).length >= 10 && String(new Date(value)) !== 'Invalid Date') {
|
16
|
-
return (0, _datejs.customDayjs)(value).
|
16
|
+
return (0, _datejs.customDayjs)(value).format(format);
|
17
17
|
}
|
18
18
|
return String(value);
|
19
19
|
};
|
20
|
-
var formatCalendarValue = exports.formatCalendarValue = function formatCalendarValue(value, format
|
21
|
-
if (!value
|
20
|
+
var formatCalendarValue = exports.formatCalendarValue = function formatCalendarValue(value, format) {
|
21
|
+
if (!value) {
|
22
22
|
return undefined;
|
23
23
|
}
|
24
24
|
if (format && (0, _datejs.customDayjs)(value, format, true).isValid()) {
|
25
|
-
return (0, _datejs.customDayjs)(value, format, true).
|
25
|
+
return (0, _datejs.customDayjs)(value, format, true).toDate();
|
26
26
|
}
|
27
27
|
if (String(new Date(value)) !== 'Invalid Date') {
|
28
|
-
return (0, _datejs.customDayjs)(value).
|
28
|
+
return (0, _datejs.customDayjs)(value).toDate();
|
29
29
|
}
|
30
30
|
return undefined;
|
31
31
|
};
|
32
|
-
var getDateFromFormat = exports.getDateFromFormat = function getDateFromFormat(value, format
|
33
|
-
if (format && (0, _datejs.customDayjs)(value, format, true).isValid()
|
32
|
+
var getDateFromFormat = exports.getDateFromFormat = function getDateFromFormat(value, format) {
|
33
|
+
if (format && (0, _datejs.customDayjs)(value, format, true).isValid()) {
|
34
34
|
return {
|
35
|
-
value: (0, _datejs.customDayjs)(value, format, true).
|
35
|
+
value: (0, _datejs.customDayjs)(value, format, true).toDate(),
|
36
36
|
isError: false,
|
37
37
|
isSuccess: true
|
38
38
|
};
|
39
39
|
}
|
40
|
-
if (!format && String(new Date(value)) !== 'Invalid Date'
|
40
|
+
if (!format && String(new Date(value)) !== 'Invalid Date') {
|
41
41
|
return {
|
42
|
-
value: (0, _datejs.customDayjs)(value).
|
42
|
+
value: (0, _datejs.customDayjs)(value).toDate(),
|
43
43
|
isError: false,
|
44
44
|
isSuccess: true
|
45
45
|
};
|
@@ -0,0 +1,83 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
exports.inputGroupRoot = exports.inputGroupConfig = void 0;
|
8
|
+
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
+
var _utils = /*#__PURE__*/require("../../utils");
|
10
|
+
var _base = /*#__PURE__*/require("./variations/_size/base");
|
11
|
+
var _base2 = /*#__PURE__*/require("./variations/_gap/base");
|
12
|
+
var _base3 = /*#__PURE__*/require("./variations/_shape/base");
|
13
|
+
var _base4 = /*#__PURE__*/require("./variations/_orientation/base");
|
14
|
+
var _base5 = /*#__PURE__*/require("./variations/_stretching/base");
|
15
|
+
var _InputGroup = /*#__PURE__*/require("./InputGroup.styles");
|
16
|
+
var _InputGroup2 = /*#__PURE__*/require("./InputGroup.tokens");
|
17
|
+
var _excluded = ["children", "className", "size", "stretching", "gap", "orientation", "shape", "isCommonInputStyles"];
|
18
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
19
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
20
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
21
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
22
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
23
|
+
var inputGroupRoot = exports.inputGroupRoot = function inputGroupRoot(Root) {
|
24
|
+
return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
25
|
+
var children = props.children,
|
26
|
+
className = props.className,
|
27
|
+
size = props.size,
|
28
|
+
_props$stretching = props.stretching,
|
29
|
+
stretching = _props$stretching === void 0 ? 'auto' : _props$stretching,
|
30
|
+
_props$gap = props.gap,
|
31
|
+
gap = _props$gap === void 0 ? 'dense' : _props$gap,
|
32
|
+
_props$orientation = props.orientation,
|
33
|
+
orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation,
|
34
|
+
_props$shape = props.shape,
|
35
|
+
shape = _props$shape === void 0 ? 'default' : _props$shape,
|
36
|
+
_props$isCommonInputS = props.isCommonInputStyles,
|
37
|
+
isCommonInputStyles = _props$isCommonInputS === void 0 ? true : _props$isCommonInputS,
|
38
|
+
rest = _objectWithoutProperties(props, _excluded);
|
39
|
+
var orientationClass = _InputGroup2.classes[orientation];
|
40
|
+
var gapClass = _InputGroup2.classes[gap];
|
41
|
+
var shapeClass = _InputGroup2.classes[shape];
|
42
|
+
var stretchingClass = _InputGroup2.classes["".concat(stretching, "Stretching")];
|
43
|
+
var overrideStylesClass = isCommonInputStyles ? _InputGroup2.classes.inputGroupOverrideStyles : undefined;
|
44
|
+
return /*#__PURE__*/_react["default"].createElement(Root, _extends({
|
45
|
+
ref: ref,
|
46
|
+
size: size,
|
47
|
+
gap: gap,
|
48
|
+
shape: shape,
|
49
|
+
orientation: orientation,
|
50
|
+
className: (0, _utils.cx)(overrideStylesClass, orientationClass, gapClass, shapeClass, stretchingClass, className)
|
51
|
+
}, rest), children);
|
52
|
+
});
|
53
|
+
};
|
54
|
+
var inputGroupConfig = exports.inputGroupConfig = {
|
55
|
+
name: 'InputGroup',
|
56
|
+
tag: 'div',
|
57
|
+
layout: inputGroupRoot,
|
58
|
+
base: _InputGroup.base,
|
59
|
+
variations: {
|
60
|
+
size: {
|
61
|
+
css: _base.base
|
62
|
+
},
|
63
|
+
gap: {
|
64
|
+
css: _base2.base
|
65
|
+
},
|
66
|
+
orientation: {
|
67
|
+
css: _base4.base
|
68
|
+
},
|
69
|
+
shape: {
|
70
|
+
css: _base3.base
|
71
|
+
},
|
72
|
+
stretching: {
|
73
|
+
css: _base5.base
|
74
|
+
}
|
75
|
+
},
|
76
|
+
defaults: {
|
77
|
+
size: 'm',
|
78
|
+
gap: 'dense',
|
79
|
+
orientation: 'horizontal',
|
80
|
+
shape: 'default',
|
81
|
+
stretching: 'auto'
|
82
|
+
}
|
83
|
+
};
|
@@ -0,0 +1,17 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.base = void 0;
|
7
|
+
var _react = /*#__PURE__*/require("@emotion/react");
|
8
|
+
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
9
|
+
var base = exports.base = process.env.NODE_ENV === "production" ? {
|
10
|
+
name: "d6pg61-plasma-new-hope__base",
|
11
|
+
styles: "display:inline-flex;label:plasma-new-hope__base;"
|
12
|
+
} : {
|
13
|
+
name: "d6pg61-plasma-new-hope__base",
|
14
|
+
styles: "display:inline-flex;label:plasma-new-hope__base;",
|
15
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvSW5wdXRHcm91cC9JbnB1dEdyb3VwLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9JbnB1dEdyb3VwL0lucHV0R3JvdXAuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBkaXNwbGF5OiBpbmxpbmUtZmxleDtcbmA7XG4iXX0= */",
|
16
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
17
|
+
};
|
@@ -0,0 +1,126 @@
|
|
1
|
+
---
|
2
|
+
id: inputGroup
|
3
|
+
title: InputGroup
|
4
|
+
---
|
5
|
+
|
6
|
+
import { PropsTable, Description } from '@site/src/components';
|
7
|
+
|
8
|
+
# InputGroup
|
9
|
+
<Description name="InputGroup" />
|
10
|
+
<PropsTable name="InputGroup" exclude={['css']} />
|
11
|
+
|
12
|
+
## Использование
|
13
|
+
Компонент `InputGroup` - это обертка для Input. Принимает в себя группу input.
|
14
|
+
|
15
|
+
```tsx live
|
16
|
+
import React from 'react';
|
17
|
+
import { InputGroup, TextField } from '@salutejs/{{ package }}';
|
18
|
+
|
19
|
+
export function App() {
|
20
|
+
return (
|
21
|
+
<InputGroup>
|
22
|
+
{Array(5)
|
23
|
+
.fill(true)
|
24
|
+
.map((_, i) => (
|
25
|
+
<TextField placeholder={`input #${i}`} />
|
26
|
+
))}
|
27
|
+
</InputGroup>
|
28
|
+
);
|
29
|
+
}
|
30
|
+
```
|
31
|
+
|
32
|
+
## Примеры
|
33
|
+
|
34
|
+
### Размер группы input
|
35
|
+
Размер InputGroup задается с помощью свойства `size`.
|
36
|
+
С помощью свойства `isCommonInputStyles` можно отключить переопределение стилей для всех input внутри группы.
|
37
|
+
Тогда каждкаждый input будет иметь настраиваемый размер.
|
38
|
+
|
39
|
+
```tsx live
|
40
|
+
import React from 'react';
|
41
|
+
import { InputGroup, TextField } from '@salutejs/{{ package }}';
|
42
|
+
|
43
|
+
export function App() {
|
44
|
+
return (
|
45
|
+
<div>
|
46
|
+
<InputGroup size="s" view="secondary">
|
47
|
+
{Array(5)
|
48
|
+
.fill(true)
|
49
|
+
.map((_, i) => (
|
50
|
+
<TextField placeholder={`input #${i}`} />
|
51
|
+
))}
|
52
|
+
</InputGroup>
|
53
|
+
|
54
|
+
<InputGroup isCommonInputStyles={false}>
|
55
|
+
<TextField placeholder="Размер l" size="l" />
|
56
|
+
<TextField placeholder="Размер m" size="m" />
|
57
|
+
<TextField placeholder="Размер s" size="s" />
|
58
|
+
<TextField placeholder="Размер xs" size="xs" />
|
59
|
+
</InputGroup>
|
60
|
+
</div>
|
61
|
+
);
|
62
|
+
}
|
63
|
+
```
|
64
|
+
|
65
|
+
### Границы input
|
66
|
+
Границы input задаются с помощью свойства `shape`.
|
67
|
+
|
68
|
+
```tsx live
|
69
|
+
import React from 'react';
|
70
|
+
import { InputGroup, TextField } from '@salutejs/{{ package }}';
|
71
|
+
|
72
|
+
export function App() {
|
73
|
+
return (
|
74
|
+
<div>
|
75
|
+
<InputGroup size="xs" shape="segmented">
|
76
|
+
{Array(3)
|
77
|
+
.fill(true)
|
78
|
+
.map((_, i) => (
|
79
|
+
<TextField placeholder={`input #${i}`} />
|
80
|
+
))}
|
81
|
+
</InputGroup>
|
82
|
+
|
83
|
+
<InputGroup size="xs" shape="default">
|
84
|
+
{Array(3)
|
85
|
+
.fill(true)
|
86
|
+
.map((_, i) => (
|
87
|
+
<TextField placeholder={`input #${i}`} />
|
88
|
+
))}
|
89
|
+
</InputGroup>
|
90
|
+
</div>
|
91
|
+
);
|
92
|
+
}
|
93
|
+
```
|
94
|
+
|
95
|
+
### Ориентация InputGroup и отступы между input
|
96
|
+
|
97
|
+
InputGroup может располагаться вертикально или горизонтально и иметь два вида отступов, в зависимости от shape.
|
98
|
+
При `shape='default'`, `gap` может принимать значения `dense` и `wide`;
|
99
|
+
При `shape='segmented'`, `gap` может принимать значения `none` и `dense`;
|
100
|
+
|
101
|
+
```tsx live
|
102
|
+
import React from 'react';
|
103
|
+
import { InputGroup, TextField } from '@salutejs/{{ package }}';
|
104
|
+
|
105
|
+
export function App() {
|
106
|
+
return (
|
107
|
+
<div>
|
108
|
+
<InputGroup size="xs" orientation="vertical" shape="segmented" gap="none">
|
109
|
+
{Array(5)
|
110
|
+
.fill(true)
|
111
|
+
.map((_, i) => (
|
112
|
+
<TextField placeholder={`input #${i}`} />
|
113
|
+
))}
|
114
|
+
</InputGroup>
|
115
|
+
|
116
|
+
<InputGroup size="xs" orientation="horizontal" gap="wide">
|
117
|
+
{Array(4)
|
118
|
+
.fill(true)
|
119
|
+
.map((_, i) => (
|
120
|
+
<TextField placeholder={`input #${i}`} />
|
121
|
+
))}
|
122
|
+
</InputGroup>
|
123
|
+
</div>
|
124
|
+
);
|
125
|
+
}
|
126
|
+
```
|