smarthr-ui 29.0.1 → 30.0.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/esm/components/DatePicker/DatePicker.js +6 -5
- package/esm/components/DatePicker/DatePicker.js.map +1 -1
- package/esm/components/Dialog/ActionDialogContentInner.d.ts +5 -3
- package/esm/components/Dialog/ActionDialogContentInner.js +24 -58
- package/esm/components/Dialog/ActionDialogContentInner.js.map +1 -1
- package/esm/components/Dialog/useClassNames.d.ts +0 -1
- package/esm/components/Dialog/useClassNames.js +0 -1
- package/esm/components/Dialog/useClassNames.js.map +1 -1
- package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.d.ts +3 -5
- package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js +4 -4
- package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js.map +1 -1
- package/esm/components/FloatArea/FloatArea.d.ts +7 -6
- package/esm/components/FloatArea/FloatArea.js +8 -19
- package/esm/components/FloatArea/FloatArea.js.map +1 -1
- package/esm/components/Header/HeaderDropdownMenuButton.d.ts +174 -164
- package/esm/components/Icon/Icon.d.ts +310 -346
- package/esm/components/Icon/Icon.js +2 -67
- package/esm/components/Icon/Icon.js.map +1 -1
- package/esm/components/Icon/WarningIcon.d.ts +2 -3
- package/esm/components/Icon/WarningIcon.js +4 -3
- package/esm/components/Icon/WarningIcon.js.map +1 -1
- package/esm/components/Icon/generateIcon.d.ts +38 -0
- package/esm/components/Icon/generateIcon.js +65 -0
- package/esm/components/Icon/generateIcon.js.map +1 -0
- package/esm/components/Icon/index.d.ts +1 -0
- package/esm/components/Icon/index.js +1 -0
- package/esm/components/Icon/index.js.map +1 -1
- package/esm/components/Pagination/PaginationItem.js +1 -1
- package/esm/components/Pagination/PaginationItem.js.map +1 -1
- package/esm/components/Table/Th.js +2 -2
- package/esm/components/Table/Th.js.map +1 -1
- package/lib/components/DatePicker/DatePicker.js +6 -5
- package/lib/components/DatePicker/DatePicker.js.map +1 -1
- package/lib/components/Dialog/ActionDialogContentInner.d.ts +5 -3
- package/lib/components/Dialog/ActionDialogContentInner.js +23 -57
- package/lib/components/Dialog/ActionDialogContentInner.js.map +1 -1
- package/lib/components/Dialog/useClassNames.d.ts +0 -1
- package/lib/components/Dialog/useClassNames.js +0 -1
- package/lib/components/Dialog/useClassNames.js.map +1 -1
- package/lib/components/Dropdown/DropdownMenuButton/DropdownMenuButton.d.ts +3 -5
- package/lib/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js +3 -3
- package/lib/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js.map +1 -1
- package/lib/components/FloatArea/FloatArea.d.ts +7 -6
- package/lib/components/FloatArea/FloatArea.js +7 -18
- package/lib/components/FloatArea/FloatArea.js.map +1 -1
- package/lib/components/Header/HeaderDropdownMenuButton.d.ts +174 -164
- package/lib/components/Icon/Icon.d.ts +310 -346
- package/lib/components/Icon/Icon.js +312 -402
- package/lib/components/Icon/Icon.js.map +1 -1
- package/lib/components/Icon/WarningIcon.d.ts +2 -3
- package/lib/components/Icon/WarningIcon.js +5 -3
- package/lib/components/Icon/WarningIcon.js.map +1 -1
- package/lib/components/Icon/generateIcon.d.ts +38 -0
- package/lib/components/Icon/generateIcon.js +96 -0
- package/lib/components/Icon/generateIcon.js.map +1 -0
- package/lib/components/Icon/index.d.ts +1 -0
- package/lib/components/Icon/index.js +3 -0
- package/lib/components/Icon/index.js.map +1 -1
- package/lib/components/Pagination/PaginationItem.js +1 -1
- package/lib/components/Pagination/PaginationItem.js.map +1 -1
- package/lib/components/Table/Th.js +2 -2
- package/lib/components/Table/Th.js.map +1 -1
- package/package.json +5 -5
|
@@ -159,21 +159,22 @@ export const DatePicker = forwardRef(({ value, name, from = DEFAULT_FROM, to, di
|
|
|
159
159
|
if (isCalendarShown) {
|
|
160
160
|
switchCalendarVisibility(false);
|
|
161
161
|
}
|
|
162
|
-
}, onKeyPress: (
|
|
163
|
-
if (
|
|
162
|
+
}, onKeyPress: ({ key, currentTarget: { value: inputString } }) => {
|
|
163
|
+
if (key === 'Enter') {
|
|
164
164
|
switchCalendarVisibility(!isCalendarShown);
|
|
165
|
+
const newDate = stringToDate(inputString);
|
|
166
|
+
updateDate(newDate);
|
|
165
167
|
}
|
|
166
168
|
}, onFocus: () => {
|
|
167
169
|
setIsInputFocused(true);
|
|
168
170
|
switchCalendarVisibility(true);
|
|
169
|
-
}, onBlur: (
|
|
171
|
+
}, onBlur: ({ target: { value: inputString } }) => {
|
|
170
172
|
setIsInputFocused(false);
|
|
171
|
-
const inputString = e.target.value;
|
|
172
173
|
if (inputString === '') {
|
|
173
174
|
updateDate(null);
|
|
174
175
|
return;
|
|
175
176
|
}
|
|
176
|
-
const newDate =
|
|
177
|
+
const newDate = stringToDate(inputString);
|
|
177
178
|
updateDate(newDate);
|
|
178
179
|
}, suffix: React.createElement(InputSuffixLayout, { themes: themes },
|
|
179
180
|
React.createElement(InputSuffixWrapper, { themes: themes },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,EAAE,EACZ,UAAU,EACV,WAAW,EACX,SAAS,EACT,mBAAmB,EACnB,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAA;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AA4CrD,MAAM,CAAC,MAAM,YAAY,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAA;AAEhD,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAClC,CACE,EACE,KAAK,EACL,IAAI,EACJ,IAAI,GAAG,YAAY,EACnB,EAAE,EACF,QAAQ,EACR,KAAK,EACL,KAAK,EACL,SAAS,GAAG,EAAE,EACd,UAAU,EACV,UAAU,EACV,eAAe,EACf,YAAY,EACZ,GAAG,UAAU,EACd,EACD,GAAG,EACH,EAAE;IACF,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,GAAmB,EAAE,EAAE;QACtB,IAAI,CAAC,GAAG,EAAE;YACR,OAAO,IAAI,CAAA;SACZ;QACD,OAAO,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAA;IAC/D,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAA;IAED,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAc,EAAE,EAAE;QACjB,IAAI,UAAU,EAAE;YACd,OAAO,UAAU,CAAC,CAAC,CAAC,CAAA;SACrB;QACD,IAAI,CAAC,CAAC,EAAE;YACN,OAAO,EAAE,CAAA;SACV;QACD,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;IACtC,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAA;IAED,MAAM,uBAAuB,GAAG,WAAW,CACzC,CAAC,CAAc,EAAE,EAAE;QACjB,IAAI,CAAC,CAAC,IAAI,CAAC,eAAe,EAAE;YAC1B,OAAO,IAAI,CAAA;SACZ;QACD,OAAO,eAAe,CAAC,CAAC,CAAC,CAAA;IAC3B,CAAC,EACD,CAAC,eAAe,CAAC,CAClB,CAAA;IAED,MAAM,MAAM,GAAG,QAAQ,EAAE,CAAA;IACzB,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAc,YAAY,CAAC,KAAK,CAAC,CAAC,CAAA;IAClF,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAC/C,MAAM,eAAe,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACpD,MAAM,iBAAiB,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACtD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAiB,IAAI,CAAC,CAAA;IAChE,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC7D,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAA;IAC/E,MAAM,UAAU,GAAG,KAAK,EAAE,CAAA;IAE1B,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CACvB,CAAA;IAED,MAAM,UAAU,GAAG,WAAW,CAC5B,CAAC,OAAoB,EAAE,EAAE;QACvB,IACE,CAAC,QAAQ,CAAC,OAAO;YACjB,OAAO,KAAK,YAAY;YACxB,CAAC,OAAO,IAAI,YAAY,IAAI,OAAO,CAAC,OAAO,EAAE,KAAK,YAAY,CAAC,OAAO,EAAE,CAAC,EACzE;YACA,+DAA+D;YAC/D,OAAM;SACP;QAED,MAAM,OAAO,GAAG,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,CAAA;QACpD,MAAM,QAAQ,GAAG,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA;QACzC,MAAM,MAAM,GAAa,EAAE,CAAA;QAE3B,IAAI,CAAC,OAAO,EAAE;YACZ,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;SAC5B;QAED,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;QAC/C,oBAAoB,CAAC,uBAAuB,CAAC,QAAQ,CAAC,CAAC,CAAA;QACvD,eAAe,CAAC,QAAQ,CAAC,CAAA;QACzB,YAAY,IAAI,YAAY,CAAC,QAAQ,EAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,CAAA;IAC5E,CAAC,EACD,CAAC,YAAY,EAAE,YAAY,EAAE,uBAAuB,EAAE,YAAY,CAAC,CACpE,CAAA;IAED,MAAM,wBAAwB,GAAG,WAAW,CAAC,CAAC,SAAkB,EAAE,EAAE;QAClE,IAAI,CAAC,SAAS,EAAE;YACd,kBAAkB,CAAC,KAAK,CAAC,CAAA;YACzB,OAAM;SACP;QACD,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE;YAC5B,OAAM;SACP;QACD,kBAAkB,CAAC,IAAI,CAAC,CAAA;QACxB,YAAY,CAAC,eAAe,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC,CAAA;IAC/D,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,KAAK,SAAS,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;YAC5C,OAAM;SACP;QACD;;;;WAIG;QACH,IAAI,CAAC,cAAc,EAAE;YACnB,MAAM,OAAO,GAAG,YAAY,CAAC,KAAK,CAAC,CAAA;YACnC,IAAI,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;gBACvC,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,CAAA;gBAC9C,oBAAoB,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAC,CAAA;gBACtD,eAAe,CAAC,OAAO,CAAC,CAAA;gBACxB,OAAM;aACP;YACD,eAAe,CAAC,IAAI,CAAC,CAAA;SACtB;QACD,QAAQ,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,IAAI,EAAE,CAAA;IACtC,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,uBAAuB,EAAE,YAAY,CAAC,CAAC,CAAA;IAEhF,aAAa,CACX,CAAC,eAAe,EAAE,iBAAiB,CAAC,EACpC,WAAW,CAAC,GAAG,EAAE;QACf,wBAAwB,CAAC,KAAK,CAAC,CAAA;IACjC,CAAC,EAAE,CAAC,wBAAwB,CAAC,CAAC,CAC/B,CAAA;IAED,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,CAAgB,EAAE,EAAE;QACnB,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,IAAI,CAAC,QAAQ,CAAC,OAAO,IAAI,CAAC,iBAAiB,CAAC,OAAO,EAAE;YACtE,OAAM;SACP;QACD,MAAM,eAAe,GAAG,iBAAiB,CAAC,OAAO,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAA;QAC5E,IAAI,eAAe,CAAC,MAAM,KAAK,CAAC,EAAE;YAChC,OAAM;SACP;QACD,MAAM,mBAAmB,GAAG,eAAe,CAAC,CAAC,CAAC,CAAA;QAC9C,MAAM,kBAAkB,GAAG,eAAe,CAAC,eAAe,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;QACtE,IAAI,cAAc,EAAE;YAClB,IAAI,CAAC,CAAC,QAAQ,EAAE;gBACd,2DAA2D;gBAC3D,wBAAwB,CAAC,KAAK,CAAC,CAAA;gBAC/B,OAAM;aACP;YACD,oCAAoC;YACpC,CAAC,CAAC,cAAc,EAAE,CAAA;YAClB,mBAAmB,CAAC,KAAK,EAAE,CAAA;YAC3B,OAAM;SACP;QACD,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM,CAAC,CAAA;QACxF,IAAI,CAAC,CAAC,QAAQ,IAAI,cAAc,KAAK,mBAAmB,EAAE;YACxD,oCAAoC;YACpC,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;YACxB,CAAC,CAAC,cAAc,EAAE,CAAA;SACnB;aAAM,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,cAAc,KAAK,kBAAkB,EAAE;YAC/D,0DAA0D;YAC1D,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;YACxB,wBAAwB,CAAC,KAAK,CAAC,CAAA;SAChC;IACH,CAAC,EACD,CAAC,cAAc,EAAE,wBAAwB,CAAC,CAC3C,CAAA;IACD,gBAAgB,CAAC,aAAa,CAAC,CAAA;IAE/B,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,IAAI,cAAc,IAAI,eAAe;YAAE,OAAO,MAAM,CAAC,KAAK,CAAC,UAAU,CAAA;QACrE,IAAI,QAAQ;YAAE,OAAO,MAAM,CAAC,KAAK,CAAC,aAAa,CAAA;QAC/C,OAAO,MAAM,CAAC,KAAK,CAAC,SAAS,CAAA;IAC/B,CAAC,EAAE,CAAC,eAAe,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAA;IAEvD,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,SAAS,cACA,KAAK,EACb,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,EAC/C,OAAO,EAAE,GAAG,EAAE;YACZ,IAAI,CAAC,QAAQ,IAAI,CAAC,eAAe,EAAE;gBACjC,wBAAwB,CAAC,IAAI,CAAC,CAAA;aAC/B;QACH,CAAC,EACD,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;YACf,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,QAAQ,IAAI,CAAC,CAAC,GAAG,KAAK,KAAK,CAAC,IAAI,eAAe,EAAE;gBAC9D,CAAC,CAAC,eAAe,EAAE,CAAA;gBACnB,qBAAqB,CAAC,GAAG,EAAE;oBACzB,iFAAiF;oBACjF,wBAAwB,CAAC,KAAK,CAAC,CAAA;gBACjC,CAAC,CAAC,CAAA;gBACF,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;aAC7C;QACH,CAAC;QAED,6BAAK,GAAG,EAAE,eAAe;YACvB,oBAAC,KAAK,OACA,UAAU,EACd,KAAK,EAAC,MAAM,EACZ,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,GAAG,EAAE;oBACb,IAAI,eAAe,EAAE;wBACnB,wBAAwB,CAAC,KAAK,CAAC,CAAA;qBAChC;gBACH,CAAC,EACD,UAAU,EAAE,CAAC,EAAE,GAAG,EAAE,aAAa,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE;oBAC7D,IAAI,GAAG,KAAK,OAAO,EAAE;wBACnB,wBAAwB,CAAC,CAAC,eAAe,CAAC,CAAA;wBAC1C,MAAM,OAAO,GAAG,YAAY,CAAC,WAAW,CAAC,CAAA;wBACzC,UAAU,CAAC,OAAO,CAAC,CAAA;qBACpB;gBACH,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;oBACZ,iBAAiB,CAAC,IAAI,CAAC,CAAA;oBACvB,wBAAwB,CAAC,IAAI,CAAC,CAAA;gBAChC,CAAC,EACD,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,EAAE;oBAC7C,iBAAiB,CAAC,KAAK,CAAC,CAAA;oBACxB,IAAI,WAAW,KAAK,EAAE,EAAE;wBACtB,UAAU,CAAC,IAAI,CAAC,CAAA;wBAChB,OAAM;qBACP;oBACD,MAAM,OAAO,GAAG,YAAY,CAAC,WAAW,CAAC,CAAA;oBACzC,UAAU,CAAC,OAAO,CAAC,CAAA;gBACrB,CAAC,EACD,MAAM,EACJ,oBAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM;oBAC/B,oBAAC,kBAAkB,IAAC,MAAM,EAAE,MAAM;wBAC/B,eAAe,IAAI,CAClB,oBAAC,eAAe,IAAC,MAAM,EAAE,MAAM,IAAG,iBAAiB,CAAmB,CACvE;wBACD,oBAAC,iBAAiB,IAAC,KAAK,EAAE,cAAc,GAAI,CACzB,CACH,EAEtB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,UAAU,CAAC,cAAc,mBACrB,eAAe,mBACf,UAAU,mBACV,IAAI,GACnB,CACE;QACL,eAAe,IAAI,SAAS,IAAI,CAC/B,oBAAC,MAAM,IAAC,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,iBAAiB;YAClD,oBAAC,QAAQ,IACP,EAAE,EAAE,UAAU,EACd,KAAK,EAAE,YAAY,IAAI,SAAS,EAChC,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,YAAY,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE;oBAC5B,UAAU,CAAC,QAAQ,CAAC,CAAA;oBACpB,qBAAqB,CAAC,GAAG,EAAE;wBACzB,iFAAiF;wBACjF,wBAAwB,CAAC,KAAK,CAAC,CAAA;oBACjC,CAAC,CAAC,CAAA;oBACF,QAAQ,CAAC,OAAO,IAAI,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,CAAA;gBAC9C,CAAC,GACD,CACK,CACV,CACS,CACb,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAA4B;IACpD,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;aAEnB,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI,CAAC,CAAC,CAAC,MAAM;GAC7D;CACF,CAAA;AACD,MAAM,iBAAiB,GAAG,MAAM,CAAC,IAAI,CAAoB,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE;IACzF,OAAO,GAAG,CAAA;;eAEG,aAAa,CAAC,GAAG,CAAC;;GAE9B,CAAA;AACH,CAAC,CAAC,CAAA;AACF,MAAM,kBAAkB,GAAG,MAAM,CAAC,IAAI,CAAoB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACvE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,MAAM,CAAA;IACjD,OAAO,GAAG,CAAA;;;;;;oBAMQ,aAAa,CAAC,GAAG,CAAC;6BACT,KAAK,CAAC,MAAM;iBACxB,QAAQ,CAAC,CAAC;GACxB,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,IAAI,CAAoB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACpE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,MAAM,CAAA;IACjD,OAAO,GAAG,CAAA;oBACQ,aAAa,CAAC,GAAG,CAAC;aACzB,KAAK,CAAC,SAAS;iBACX,QAAQ,CAAC,CAAC;GACxB,CAAA;AACH,CAAC,CAAC,CAAA"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
2
|
import { DecoratorsType } from '../../types/props';
|
|
3
3
|
import { HeadingTagTypes } from '../Heading';
|
|
4
4
|
export type BaseProps = {
|
|
@@ -47,13 +47,15 @@ export type BaseProps = {
|
|
|
47
47
|
decorators?: DecoratorsType<'closeButtonLabel'>;
|
|
48
48
|
};
|
|
49
49
|
type responseMessageType = {
|
|
50
|
-
status: 'success' | 'error'
|
|
50
|
+
status: 'success' | 'error';
|
|
51
51
|
text: string;
|
|
52
|
+
} | {
|
|
53
|
+
status: 'processing';
|
|
52
54
|
};
|
|
53
55
|
export type ActionDialogContentInnerProps = BaseProps & {
|
|
54
56
|
onClickClose: () => void;
|
|
55
57
|
responseMessage?: responseMessageType;
|
|
56
58
|
titleId: string;
|
|
57
59
|
};
|
|
58
|
-
export declare const ActionDialogContentInner:
|
|
60
|
+
export declare const ActionDialogContentInner: FC<ActionDialogContentInnerProps>;
|
|
59
61
|
export {};
|
|
@@ -3,8 +3,7 @@ import styled, { css } from 'styled-components';
|
|
|
3
3
|
import { useTheme } from '../../hooks/useTheme';
|
|
4
4
|
import { Button } from '../Button';
|
|
5
5
|
import { FaCheckCircleIcon, FaExclamationCircleIcon } from '../Icon';
|
|
6
|
-
import { Stack } from '../Layout';
|
|
7
|
-
import { Loader } from '../Loader';
|
|
6
|
+
import { Cluster, Stack } from '../Layout';
|
|
8
7
|
import { Text } from '../Text';
|
|
9
8
|
import { useOffsetHeight } from './dialogHelper';
|
|
10
9
|
import { useClassNames } from './useClassNames';
|
|
@@ -23,69 +22,36 @@ export const ActionDialogContentInner = ({ children, title, titleId, subtitle, t
|
|
|
23
22
|
React.createElement(Text, { id: titleId, size: "L", leading: "TIGHT", className: classNames.title }, title)),
|
|
24
23
|
React.createElement(Body, { offsetHeight: offsetHeight, className: classNames.body }, children),
|
|
25
24
|
React.createElement(ActionArea, { themes: theme, ref: bottomRef, className: classNames.actionArea },
|
|
26
|
-
React.createElement(ButtonArea, {
|
|
25
|
+
React.createElement(ButtonArea, { className: classNames.buttonArea },
|
|
27
26
|
React.createElement(Button, { onClick: onClickClose, disabled: closeDisabled || isRequestProcessing, className: classNames.closeButton }, decorators?.closeButtonLabel?.(CLOSE_BUTTON_LABEL) || CLOSE_BUTTON_LABEL),
|
|
28
|
-
React.createElement(Button, { variant: actionTheme, onClick: handleClickAction, disabled: actionDisabled
|
|
29
|
-
responseMessage && (React.createElement(
|
|
30
|
-
responseMessage.status === 'success'
|
|
31
|
-
|
|
27
|
+
React.createElement(Button, { variant: actionTheme, onClick: handleClickAction, disabled: actionDisabled, loading: isRequestProcessing, className: classNames.actionButton }, actionText)),
|
|
28
|
+
responseMessage && (React.createElement(React.Fragment, null,
|
|
29
|
+
responseMessage.status === 'success' && (React.createElement(Message, null,
|
|
30
|
+
React.createElement(FaCheckCircleIcon, { color: theme.color.MAIN, text: responseMessage.text, role: "alert" }))),
|
|
31
|
+
responseMessage.status === 'error' && (React.createElement(Message, null,
|
|
32
|
+
React.createElement(FaExclamationCircleIcon, { color: theme.color.DANGER, text: responseMessage.text, role: "alert" }))))))));
|
|
32
33
|
};
|
|
33
|
-
const TitleArea = styled(Stack)
|
|
34
|
+
const TitleArea = styled(Stack) `
|
|
35
|
+
${({ themes: { border, space } }) => css `
|
|
34
36
|
margin-block: unset;
|
|
35
37
|
border-bottom: ${border.shorthand};
|
|
36
|
-
padding: ${
|
|
37
|
-
`
|
|
38
|
+
padding: ${space(1)} ${space(1.5)};
|
|
39
|
+
`}
|
|
40
|
+
`;
|
|
38
41
|
const Body = styled.div `
|
|
39
|
-
${({ offsetHeight }) =>
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
`;
|
|
44
|
-
}}
|
|
42
|
+
${({ offsetHeight }) => css `
|
|
43
|
+
max-height: calc(100vh - ${offsetHeight}px);
|
|
44
|
+
overflow: auto;
|
|
45
|
+
`}
|
|
45
46
|
`;
|
|
46
|
-
const ActionArea = styled.
|
|
47
|
-
|
|
48
|
-
display: flex;
|
|
49
|
-
flex-direction: column;
|
|
47
|
+
const ActionArea = styled(Stack).attrs({ gap: 0.5 }) `
|
|
48
|
+
${({ themes: { space, border } }) => css `
|
|
50
49
|
border-top: ${border.shorthand};
|
|
51
|
-
padding: ${
|
|
52
|
-
|
|
53
|
-
&&& > * + * {
|
|
54
|
-
margin-top: 0.5rem;
|
|
55
|
-
}
|
|
56
|
-
`;
|
|
57
|
-
});
|
|
58
|
-
const ButtonArea = styled.div(({ themes: { spacing } }) => {
|
|
59
|
-
return css `
|
|
60
|
-
display: flex;
|
|
61
|
-
justify-content: flex-end;
|
|
62
|
-
|
|
63
|
-
> * + * {
|
|
64
|
-
margin-left: ${spacing.XS};
|
|
65
|
-
}
|
|
66
|
-
`;
|
|
67
|
-
});
|
|
68
|
-
const MessageWrapper = styled.div `
|
|
69
|
-
display: flex;
|
|
70
|
-
align-items: center;
|
|
71
|
-
justify-content: flex-end;
|
|
72
|
-
margin-top: 0;
|
|
73
|
-
margin-bottom: 0;
|
|
74
|
-
font-size: ${({ themes }) => themes.fontSize.M};
|
|
75
|
-
`;
|
|
76
|
-
const Spinner = styled(Loader) `
|
|
77
|
-
&&& {
|
|
78
|
-
> div {
|
|
79
|
-
width: 18px;
|
|
80
|
-
height: 18px;
|
|
81
|
-
}
|
|
82
|
-
|
|
83
|
-
> div > div {
|
|
84
|
-
border-color: ${({ themes }) => themes.color.TEXT_GREY};
|
|
85
|
-
}
|
|
86
|
-
}
|
|
50
|
+
padding: ${space(1)} ${space(1.5)};
|
|
51
|
+
`}
|
|
87
52
|
`;
|
|
88
|
-
const
|
|
89
|
-
|
|
53
|
+
const ButtonArea = styled(Cluster).attrs({ gap: { row: 0.5, column: 1 }, justify: 'flex-end' }) ``;
|
|
54
|
+
const Message = styled.div `
|
|
55
|
+
text-align: right;
|
|
90
56
|
`;
|
|
91
57
|
//# sourceMappingURL=ActionDialogContentInner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionDialogContentInner.js","sourceRoot":"","sources":["../../../src/components/Dialog/ActionDialogContentInner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"ActionDialogContentInner.js","sourceRoot":"","sources":["../../../src/components/Dialog/ActionDialogContentInner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -18,7 +18,6 @@ export function useClassNames() {
|
|
|
18
18
|
buttonArea: generateForDialog('buttonArea'),
|
|
19
19
|
closeButton: generateForDialog('closeButton'),
|
|
20
20
|
actionButton: generateForDialog('actionButton'),
|
|
21
|
-
alert: generateForDialog('alert'),
|
|
22
21
|
},
|
|
23
22
|
modelessDialog: {
|
|
24
23
|
wrapper: generateForModeless(),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useClassNames.js","sourceRoot":"","sources":["../../../src/components/Dialog/useClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AAEzE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;AAE1C,MAAM,UAAU,aAAa;IAC3B,MAAM,iBAAiB,GAAG,qBAAqB,CAAC,MAAM,CAAC,WAAW,IAAI,QAAQ,CAAC,CAAA;IAC/E,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,cAAc,CAAC,WAAW,IAAI,gBAAgB,CAAC,CAAA;IACjG,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE;YACN,OAAO,EAAE,iBAAiB,CAAC,SAAS,CAAC;YACrC,MAAM,EAAE,iBAAiB,EAAE;YAC3B,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC;YAC3C,SAAS,EAAE,iBAAiB,CAAC,WAAW,CAAC;YACzC,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC;YACjC,QAAQ,EAAE,iBAAiB,CAAC,UAAU,CAAC;YACvC,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC;YAC/B,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC;YAC7C,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC;YAC3C,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC;YAC3C,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC;YAC7C,YAAY,EAAE,iBAAiB,CAAC,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"useClassNames.js","sourceRoot":"","sources":["../../../src/components/Dialog/useClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AAEzE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;AAE1C,MAAM,UAAU,aAAa;IAC3B,MAAM,iBAAiB,GAAG,qBAAqB,CAAC,MAAM,CAAC,WAAW,IAAI,QAAQ,CAAC,CAAA;IAC/E,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,cAAc,CAAC,WAAW,IAAI,gBAAgB,CAAC,CAAA;IACjG,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE;YACN,OAAO,EAAE,iBAAiB,CAAC,SAAS,CAAC;YACrC,MAAM,EAAE,iBAAiB,EAAE;YAC3B,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC;YAC3C,SAAS,EAAE,iBAAiB,CAAC,WAAW,CAAC;YACzC,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC;YACjC,QAAQ,EAAE,iBAAiB,CAAC,UAAU,CAAC;YACvC,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC;YAC/B,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC;YAC7C,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC;YAC3C,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC;YAC3C,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC;YAC7C,YAAY,EAAE,iBAAiB,CAAC,cAAc,CAAC;SAChD;QACD,cAAc,EAAE;YACd,OAAO,EAAE,mBAAmB,EAAE;YAC9B,GAAG,EAAE,mBAAmB,CAAC,KAAK,CAAC;YAC/B,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC;YACrC,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC;YACrC,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC;YAC/C,OAAO,EAAE,mBAAmB,CAAC,SAAS,CAAC;YACvC,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC;SACtC;KACF,CAAC,EACF,CAAC,iBAAiB,EAAE,mBAAmB,CAAC,CACzC,CAAA;AACH,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ComponentProps,
|
|
1
|
+
import { ButtonHTMLAttributes, ComponentProps, FC, ReactElement, ReactNode } from 'react';
|
|
2
2
|
import { AnchorButton, Button, BaseProps as ButtonProps } from '../../Button';
|
|
3
3
|
type Actions = ActionItem | ActionItem[];
|
|
4
4
|
type ActionItem = ReactElement<ComponentProps<typeof Button>> | ReactElement<ComponentProps<typeof AnchorButton>> | null | boolean;
|
|
@@ -11,9 +11,7 @@ type Props = {
|
|
|
11
11
|
triggerSize?: ButtonProps['size'];
|
|
12
12
|
/** 引き金となるボタンをアイコンのみとするかどうか */
|
|
13
13
|
onlyIconTrigger?: boolean;
|
|
14
|
-
/** 引き金となるボタンの `disabled` 属性の値 */
|
|
15
|
-
disabled?: boolean;
|
|
16
14
|
};
|
|
17
|
-
type ElementProps = Omit<
|
|
18
|
-
export declare const DropdownMenuButton:
|
|
15
|
+
type ElementProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof Props>;
|
|
16
|
+
export declare const DropdownMenuButton: FC<Props & ElementProps>;
|
|
19
17
|
export {};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useMemo } from 'react';
|
|
1
|
+
import React, { useMemo, } from 'react';
|
|
2
2
|
import innerText from 'react-innertext';
|
|
3
3
|
import styled, { css } from 'styled-components';
|
|
4
4
|
import { Dropdown, DropdownContent, DropdownTrigger } from '..';
|
|
@@ -7,16 +7,16 @@ import { Button } from '../../Button';
|
|
|
7
7
|
import { FaCaretDownIcon, FaEllipsisHIcon } from '../../Icon';
|
|
8
8
|
import { Stack } from '../../Layout';
|
|
9
9
|
import { useClassNames } from './useClassNames';
|
|
10
|
-
export const DropdownMenuButton = ({ label, children, triggerSize, onlyIconTrigger = false,
|
|
10
|
+
export const DropdownMenuButton = ({ label, children, triggerSize, onlyIconTrigger = false, className = '', ...props }) => {
|
|
11
11
|
const themes = useTheme();
|
|
12
12
|
const classNames = useClassNames();
|
|
13
13
|
const triggerLabel = useMemo(() => onlyIconTrigger ? (React.createElement(FaEllipsisHIcon, { alt: typeof label === 'string' ? label : innerText(label) })) : (label), [onlyIconTrigger, label]);
|
|
14
14
|
const triggerSuffix = useMemo(
|
|
15
15
|
// eslint-disable-next-line react/jsx-no-useless-fragment
|
|
16
16
|
() => (onlyIconTrigger ? React.createElement(React.Fragment, null) : React.createElement(FaCaretDownIcon, { alt: "\u5019\u88DC\u3092\u958B\u304F" })), [onlyIconTrigger]);
|
|
17
|
-
return (React.createElement(Dropdown,
|
|
17
|
+
return (React.createElement(Dropdown, null,
|
|
18
18
|
React.createElement(DropdownTrigger, { className: `${classNames.wrapper}${className && ` ${className}`}` },
|
|
19
|
-
React.createElement(TriggerButton, { suffix: triggerSuffix, size: triggerSize,
|
|
19
|
+
React.createElement(TriggerButton, { ...props, suffix: triggerSuffix, size: triggerSize, square: onlyIconTrigger, className: classNames.trigger }, triggerLabel)),
|
|
20
20
|
React.createElement(DropdownContent, null,
|
|
21
21
|
React.createElement(ActionList, { themes: themes, className: classNames.panel }, React.Children.map(children, (item, i) =>
|
|
22
22
|
// MEMO: {flag && <Button/>}のような書き方に対応させるためbooleanの判定を入れています
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenuButton.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownMenuButton/DropdownMenuButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"DropdownMenuButton.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownMenuButton/DropdownMenuButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { ComponentProps, FunctionComponentElement, HTMLAttributes, ReactNode
|
|
1
|
+
import { ComponentProps, FC, FunctionComponentElement, HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
import { AbstractSize, CharRelativeSize } from '../../themes/createSpacing';
|
|
2
3
|
import { FaExclamationCircleIcon } from '../Icon';
|
|
3
4
|
type StyleProps = {
|
|
4
|
-
/**
|
|
5
|
-
top?:
|
|
6
|
-
/**
|
|
7
|
-
bottom?:
|
|
5
|
+
/** コンポーネントの上端から、包含ブロックの上端までの間隔(基準フォントサイズの相対値または抽象値) */
|
|
6
|
+
top?: CharRelativeSize | AbstractSize;
|
|
7
|
+
/** コンポーネントの下端から、包含ブロックの下端までの間隔(基準フォントサイズの相対値または抽象値) */
|
|
8
|
+
bottom?: CharRelativeSize | AbstractSize;
|
|
8
9
|
/** コンポーネントの `z-index` 値 */
|
|
9
10
|
zIndex?: number;
|
|
10
11
|
};
|
|
@@ -29,5 +30,5 @@ type Props = StyleProps & {
|
|
|
29
30
|
className?: string;
|
|
30
31
|
};
|
|
31
32
|
type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
|
|
32
|
-
export declare const FloatArea:
|
|
33
|
+
export declare const FloatArea: FC<Props & ElementProps>;
|
|
33
34
|
export {};
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import styled, { css } from 'styled-components';
|
|
3
|
+
import { useSpacing } from '../../hooks/useSpacing';
|
|
3
4
|
import { useTheme } from '../../hooks/useTheme';
|
|
4
|
-
import {
|
|
5
|
+
import { Base as shrBase } from '../Base';
|
|
5
6
|
import { Cluster, LineUp } from '../Layout';
|
|
6
7
|
import { Text } from '../Text';
|
|
7
8
|
import { useClassNames } from './useClassNames';
|
|
8
|
-
const exist = (value) => {
|
|
9
|
-
return value !== undefined && value !== null;
|
|
10
|
-
};
|
|
11
9
|
export const FloatArea = ({ primaryButton, secondaryButton, tertiaryButton, errorText, errorIcon, fixed = false, className = '', width, ...props }) => {
|
|
12
10
|
const theme = useTheme();
|
|
13
11
|
const classNames = useClassNames();
|
|
@@ -23,23 +21,14 @@ export const FloatArea = ({ primaryButton, secondaryButton, tertiaryButton, erro
|
|
|
23
21
|
secondaryButton && secondaryButton,
|
|
24
22
|
primaryButton && primaryButton))))));
|
|
25
23
|
};
|
|
26
|
-
const Base = styled(
|
|
27
|
-
${({ themes: {
|
|
24
|
+
const Base = styled(shrBase).attrs({ layer: 3 }) `
|
|
25
|
+
${({ themes: { space }, top, bottom, $width, fixed, zIndex = 500 }) => css `
|
|
28
26
|
position: ${fixed ? 'fixed' : 'sticky'};
|
|
29
|
-
${
|
|
30
|
-
|
|
31
|
-
top: ${typeof top === 'number' ? `${top}px` : top};
|
|
32
|
-
`}
|
|
33
|
-
${exist(bottom) &&
|
|
34
|
-
css `
|
|
35
|
-
bottom: ${typeof bottom === 'number' ? `${bottom}px` : bottom};
|
|
36
|
-
`}
|
|
27
|
+
${(top || top === 0) && `top: ${useSpacing(top)};`}
|
|
28
|
+
${(bottom || bottom === 0) && `bottom: ${useSpacing(bottom)};`}
|
|
37
29
|
z-index: ${zIndex};
|
|
38
|
-
${
|
|
39
|
-
|
|
40
|
-
width: ${$width};
|
|
41
|
-
`}
|
|
42
|
-
padding: ${spacingByChar(1)};
|
|
30
|
+
padding: ${space(1)};
|
|
31
|
+
${$width && `width: ${$width};`}
|
|
43
32
|
`}
|
|
44
33
|
`;
|
|
45
34
|
const RightSide = styled.div `
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FloatArea.js","sourceRoot":"","sources":["../../../src/components/FloatArea/FloatArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;
|
|
1
|
+
{"version":3,"file":"FloatArea.js","sourceRoot":"","sources":["../../../src/components/FloatArea/FloatArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAgC/C,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,aAAa,EACb,eAAe,EACf,cAAc,EACd,SAAS,EACT,SAAS,EACT,KAAK,GAAG,KAAK,EACb,SAAS,GAAG,EAAE,EACd,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,IAAI,OACC,KAAK,EACT,MAAM,EAAE,KAAK,EACb,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,YACvC,KAAK,EACb,KAAK,EAAE,KAAK;QAEZ,oBAAC,OAAO,IAAC,GAAG,EAAE,CAAC;YACZ,cAAc,IAAI,cAAc;YACjC,oBAAC,SAAS;gBACR,oBAAC,OAAO,IAAC,GAAG,EAAE,CAAC;oBACZ,SAAS,IAAI,CACZ,oBAAC,YAAY,IAAC,GAAG,EAAE,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,UAAU,CAAC,SAAS;wBAC5E,SAAS,IAAI,oBAAC,SAAS,IAAC,MAAM,EAAE,KAAK,IAAG,SAAS,CAAa;wBAC/D,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,IAAE,SAAS,CAAQ,CACpB,CAChB;oBACD,oBAAC,OAAO,IAAC,GAAG,EAAE,CAAC;wBACZ,eAAe,IAAI,eAAe;wBAClC,aAAa,IAAI,aAAa,CACvB,CACF,CACA,CACJ,CACL,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAE/C;IACG,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,GAAG,EAAE,EAAE,EAAE,CACpE,GAAG,CAAA;kBACW,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ;QACpC,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC,CAAC,IAAI,QAAQ,UAAU,CAAC,GAAG,CAAC,GAAG;QAChD,CAAC,MAAM,IAAI,MAAM,KAAK,CAAC,CAAC,IAAI,WAAW,UAAU,CAAC,MAAM,CAAC,GAAG;iBACnD,MAAM;iBACN,KAAK,CAAC,CAAC,CAAC;QACjB,MAAM,IAAI,UAAU,MAAM,GAAG;KAChC;CACJ,CAAA;AACD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE3B,CAAA;AACD,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;CAGlC,CAAA;AACD,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAmB;;;;;;CAM/C,CAAA"}
|