@invoicebox/ui 0.1.0-alpha.56 → 0.1.0-alpha.58
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/package.json +2 -1
- package/dist/breakpoints/index.d.ts +0 -7
- package/dist/breakpoints/index.js +0 -13
- package/dist/components/common/Arrow/components/StyledSvg/index.d.ts +0 -8
- package/dist/components/common/Arrow/components/StyledSvg/index.js +0 -25
- package/dist/components/common/Arrow/components/StyledSvg/index.stories.d.ts +0 -5
- package/dist/components/common/Arrow/components/StyledSvg/index.stories.js +0 -26
- package/dist/components/common/Arrow/components/Svg/index.d.ts +0 -6
- package/dist/components/common/Arrow/components/Svg/index.js +0 -26
- package/dist/components/common/Arrow/components/Svg/index.stories.d.ts +0 -6
- package/dist/components/common/Arrow/components/Svg/index.stories.js +0 -21
- package/dist/components/common/Arrow/index.d.ts +0 -10
- package/dist/components/common/Arrow/index.js +0 -29
- package/dist/components/common/Arrow/index.stories.d.ts +0 -6
- package/dist/components/common/Arrow/index.stories.js +0 -21
- package/dist/components/common/Arrow/palette.d.ts +0 -6
- package/dist/components/common/Arrow/palette.js +0 -14
- package/dist/components/common/Calendar/docs.stories.d.ts +0 -6
- package/dist/components/common/Calendar/docs.stories.js +0 -20
- package/dist/components/common/Calendar/index.css +0 -81
- package/dist/components/common/Calendar/index.d.ts +0 -8
- package/dist/components/common/Calendar/index.js +0 -40
- package/dist/components/common/Calendar/index.stories.d.ts +0 -7
- package/dist/components/common/Calendar/index.stories.js +0 -55
- package/dist/components/common/Calendar/palette.d.ts +0 -9
- package/dist/components/common/Calendar/palette.js +0 -17
- package/dist/components/common/Divider/index.d.ts +0 -6
- package/dist/components/common/Divider/index.js +0 -20
- package/dist/components/common/Divider/index.stories.d.ts +0 -6
- package/dist/components/common/Divider/index.stories.js +0 -14
- package/dist/components/common/Divider/palette.d.ts +0 -5
- package/dist/components/common/Divider/palette.js +0 -11
- package/dist/components/common/Divider/styles.d.ts +0 -5
- package/dist/components/common/Divider/styles.js +0 -15
- package/dist/components/common/Dropdown/index.d.ts +0 -14
- package/dist/components/common/Dropdown/index.js +0 -117
- package/dist/components/common/Dropdown/index.stories.d.ts +0 -6
- package/dist/components/common/Dropdown/index.stories.js +0 -59
- package/dist/components/common/Dropdown/palette.d.ts +0 -6
- package/dist/components/common/Dropdown/palette.js +0 -14
- package/dist/components/common/Dropdown/styles.d.ts +0 -14
- package/dist/components/common/Dropdown/styles.js +0 -47
- package/dist/components/common/InvoiceboxLoader/assets/loader.json +0 -1
- package/dist/components/common/InvoiceboxLoader/index.d.ts +0 -5
- package/dist/components/common/InvoiceboxLoader/index.js +0 -878
- package/dist/components/common/InvoiceboxLoader/index.stories.d.ts +0 -5
- package/dist/components/common/InvoiceboxLoader/index.stories.js +0 -18
- package/dist/components/common/InvoiceboxSpinner/index.d.ts +0 -7
- package/dist/components/common/InvoiceboxSpinner/index.js +0 -39
- package/dist/components/common/InvoiceboxSpinner/index.stories.d.ts +0 -10
- package/dist/components/common/InvoiceboxSpinner/index.stories.js +0 -18
- package/dist/components/common/InvoiceboxSpinner/palette.d.ts +0 -6
- package/dist/components/common/InvoiceboxSpinner/palette.js +0 -12
- package/dist/components/common/InvoiceboxSpinner/styles.d.ts +0 -4
- package/dist/components/common/InvoiceboxSpinner/styles.js +0 -19
- package/dist/components/common/Scrollbar/index.d.ts +0 -6
- package/dist/components/common/Scrollbar/index.js +0 -69
- package/dist/components/common/Scrollbar/index.stories.d.ts +0 -12
- package/dist/components/common/Scrollbar/index.stories.js +0 -36
- package/dist/components/common/Scrollbar/palette.d.ts +0 -5
- package/dist/components/common/Scrollbar/palette.js +0 -11
- package/dist/components/common/SecondaryButton/index.d.ts +0 -15
- package/dist/components/common/SecondaryButton/index.js +0 -48
- package/dist/components/common/SecondaryButton/index.stories.d.ts +0 -11
- package/dist/components/common/SecondaryButton/index.stories.js +0 -38
- package/dist/components/common/SecondaryButton/palette.d.ts +0 -8
- package/dist/components/common/SecondaryButton/palette.js +0 -14
- package/dist/components/common/SecondaryButton/styles.d.ts +0 -11
- package/dist/components/common/SecondaryButton/styles.js +0 -46
- package/dist/components/common/Skeleton/index.d.ts +0 -8
- package/dist/components/common/Skeleton/index.js +0 -28
- package/dist/components/common/Skeleton/index.stories.d.ts +0 -11
- package/dist/components/common/Skeleton/index.stories.js +0 -29
- package/dist/components/common/Skeleton/palette.d.ts +0 -6
- package/dist/components/common/Skeleton/palette.js +0 -12
- package/dist/components/common/Skeleton/styles.d.ts +0 -10
- package/dist/components/common/Skeleton/styles.js +0 -37
- package/dist/components/common/Typography/index.d.ts +0 -25
- package/dist/components/common/Typography/index.js +0 -32
- package/dist/components/common/Typography/index.stories.d.ts +0 -11
- package/dist/components/common/Typography/index.stories.js +0 -36
- package/dist/components/common/Typography/styles.d.ts +0 -5
- package/dist/components/common/Typography/styles.js +0 -16
- package/dist/components/common/Typography/typography.d.ts +0 -20
- package/dist/components/common/Typography/typography.js +0 -28
- package/dist/components/common/WarningIcon/components/Icon.d.ts +0 -6
- package/dist/components/common/WarningIcon/components/Icon.js +0 -22
- package/dist/components/common/WarningIcon/index.d.ts +0 -7
- package/dist/components/common/WarningIcon/index.js +0 -23
- package/dist/components/common/WarningIcon/index.stories.d.ts +0 -5
- package/dist/components/common/WarningIcon/index.stories.js +0 -14
- package/dist/components/common/WarningIcon/palette.d.ts +0 -5
- package/dist/components/common/WarningIcon/palette.js +0 -11
- package/dist/components/common/WarningIcon/styles.d.ts +0 -10
- package/dist/components/common/WarningIcon/styles.js +0 -22
- package/dist/components/form/DateInput/components/Icon/index.d.ts +0 -1
- package/dist/components/form/DateInput/components/Icon/index.js +0 -33
- package/dist/components/form/DateInput/components/Icon/index.stories.d.ts +0 -5
- package/dist/components/form/DateInput/components/Icon/index.stories.js +0 -14
- package/dist/components/form/DateInput/docs.stories.d.ts +0 -6
- package/dist/components/form/DateInput/docs.stories.js +0 -20
- package/dist/components/form/DateInput/index.d.ts +0 -9
- package/dist/components/form/DateInput/index.js +0 -111
- package/dist/components/form/DateInput/index.stories.d.ts +0 -7
- package/dist/components/form/DateInput/index.stories.js +0 -52
- package/dist/components/form/DateInput/logic.d.ts +0 -10
- package/dist/components/form/DateInput/logic.js +0 -71
- package/dist/components/form/DateInput/palette.d.ts +0 -5
- package/dist/components/form/DateInput/palette.js +0 -11
- package/dist/components/form/DateInput/styles.d.ts +0 -8
- package/dist/components/form/DateInput/styles.js +0 -28
- package/dist/components/form/InputLabel/index.d.ts +0 -8
- package/dist/components/form/InputLabel/index.js +0 -31
- package/dist/components/form/InputLabel/index.stories.d.ts +0 -5
- package/dist/components/form/InputLabel/index.stories.js +0 -33
- package/dist/components/form/InputLabel/palette.d.ts +0 -7
- package/dist/components/form/InputLabel/palette.js +0 -13
- package/dist/components/form/InputLabel/styles.d.ts +0 -11
- package/dist/components/form/InputLabel/styles.js +0 -36
- package/dist/components/form/PositiveIntegerInput/hooks/useFilters.d.ts +0 -6
- package/dist/components/form/PositiveIntegerInput/hooks/useFilters.js +0 -21
- package/dist/components/form/PositiveIntegerInput/hooks/useIncrement.d.ts +0 -4
- package/dist/components/form/PositiveIntegerInput/hooks/useIncrement.js +0 -22
- package/dist/components/form/PositiveIntegerInput/hooks/useIncrementDisabledFlags.d.ts +0 -9
- package/dist/components/form/PositiveIntegerInput/hooks/useIncrementDisabledFlags.js +0 -24
- package/dist/components/form/PositiveIntegerInput/hooks/useNormalizers.d.ts +0 -4
- package/dist/components/form/PositiveIntegerInput/hooks/useNormalizers.js +0 -22
- package/dist/components/form/PositiveIntegerInput/index.d.ts +0 -10
- package/dist/components/form/PositiveIntegerInput/index.js +0 -94
- package/dist/components/form/PositiveIntegerInput/index.stories.d.ts +0 -5
- package/dist/components/form/PositiveIntegerInput/index.stories.js +0 -49
- package/dist/components/form/PositiveIntegerInput/styles.d.ts +0 -6
- package/dist/components/form/PositiveIntegerInput/styles.js +0 -25
- package/dist/components/form/PureInput/index.d.ts +0 -10
- package/dist/components/form/PureInput/index.js +0 -42
- package/dist/components/form/PureInput/index.stories.d.ts +0 -5
- package/dist/components/form/PureInput/index.stories.js +0 -23
- package/dist/components/form/PureInput/palette.d.ts +0 -10
- package/dist/components/form/PureInput/palette.js +0 -18
- package/dist/components/form/PureInput/styles.d.ts +0 -10
- package/dist/components/form/PureInput/styles.js +0 -34
- package/dist/components/form/Select/components/Input/index.d.ts +0 -6
- package/dist/components/form/Select/components/Input/index.js +0 -42
- package/dist/components/form/Select/components/Input/index.stories.d.ts +0 -5
- package/dist/components/form/Select/components/Input/index.stories.js +0 -27
- package/dist/components/form/Select/components/Input/styles.d.ts +0 -3
- package/dist/components/form/Select/components/Input/styles.js +0 -16
- package/dist/components/form/Select/index.d.ts +0 -10
- package/dist/components/form/Select/index.js +0 -125
- package/dist/components/form/Select/index.stories.d.ts +0 -5
- package/dist/components/form/Select/index.stories.js +0 -85
- package/dist/components/form/Select/palette.d.ts +0 -5
- package/dist/components/form/Select/palette.js +0 -13
- package/dist/components/form/Select/styles.d.ts +0 -8
- package/dist/components/form/Select/styles.js +0 -28
- package/dist/hooks/useCss/index.d.ts +0 -6
- package/dist/hooks/useCss/index.js +0 -31
- package/dist/hooks/useCss/index.stories.d.ts +0 -4
- package/dist/hooks/useCss/index.stories.js +0 -38
- package/dist/hooks/useInputFocus/index.d.ts +0 -11
- package/dist/hooks/useInputFocus/index.js +0 -37
- package/dist/hooks/useInputFocus/index.stories.d.ts +0 -4
- package/dist/hooks/useInputFocus/index.stories.js +0 -29
- package/dist/hooks/useOutsideClick/index.d.ts +0 -2
- package/dist/hooks/useOutsideClick/index.js +0 -22
- package/dist/hooks/useOutsideClick/index.stories.d.ts +0 -4
- package/dist/hooks/useOutsideClick/index.stories.js +0 -27
- package/dist/index.d.ts +0 -27
- package/dist/index.js +0 -138
- package/dist/palette/colors.stories.d.ts +0 -4
- package/dist/palette/colors.stories.js +0 -41
- package/dist/palette/constants.d.ts +0 -2
- package/dist/palette/constants.js +0 -18
- package/dist/palette/context.d.ts +0 -31
- package/dist/palette/context.js +0 -36
- package/dist/palette/index.d.ts +0 -3
- package/dist/palette/index.js +0 -19
- package/dist/palette/index.stories.d.ts +0 -4
- package/dist/palette/index.stories.js +0 -83
- package/dist/palette/provider.d.ts +0 -10
- package/dist/palette/provider.js +0 -61
- package/dist/palette/types.d.ts +0 -12
- package/dist/palette/types.js +0 -1
- package/dist/palette/useComponentPalette.d.ts +0 -2
- package/dist/palette/useComponentPalette.js +0 -22
- package/dist/palette/usePalette.d.ts +0 -15
- package/dist/palette/usePalette.js +0 -11
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.Wrapper = exports.Options = exports.Option = exports.InputWrapper = void 0;
|
|
7
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
8
|
-
var _Typography = require("../../common/Typography");
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
10
|
-
var Wrapper = exports.Wrapper = _styledComponents["default"].div.withConfig({
|
|
11
|
-
displayName: "styles__Wrapper",
|
|
12
|
-
componentId: "sc-1x9n0z5-0"
|
|
13
|
-
})(["position:relative;width:100%;"]);
|
|
14
|
-
var InputWrapper = exports.InputWrapper = _styledComponents["default"].div.withConfig({
|
|
15
|
-
displayName: "styles__InputWrapper",
|
|
16
|
-
componentId: "sc-1x9n0z5-1"
|
|
17
|
-
})(["cursor:pointer;input{cursor:pointer;}"]);
|
|
18
|
-
var Options = exports.Options = _styledComponents["default"].div.withConfig({
|
|
19
|
-
displayName: "styles__Options",
|
|
20
|
-
componentId: "sc-1x9n0z5-2"
|
|
21
|
-
})(["display:flex;flex-direction:column;"]);
|
|
22
|
-
var Option = exports.Option = (0, _styledComponents["default"])(_Typography.Typography).withConfig({
|
|
23
|
-
displayName: "styles__Option",
|
|
24
|
-
componentId: "sc-1x9n0z5-3"
|
|
25
|
-
})(["overflow:hidden;display:flex;width:100%;text-align:left;flex-direction:column;padding:12px 20px;transition:all 0.2s ease-in-out 0s;box-sizing:border-box;cursor:pointer;&:hover{background-color:", ";}"], function (_ref) {
|
|
26
|
-
var $palette = _ref.$palette;
|
|
27
|
-
return $palette.bgHover;
|
|
28
|
-
});
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.useCss = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
var stylesInDOM = new Map();
|
|
9
|
-
var useCss = exports.useCss = function useCss(_ref) {
|
|
10
|
-
var id = _ref.id,
|
|
11
|
-
css = _ref.css;
|
|
12
|
-
var append = (0, _react.useCallback)(function () {
|
|
13
|
-
if (stylesInDOM.has(id)) return;
|
|
14
|
-
var style = document.createElement('style');
|
|
15
|
-
style.type = 'text/css';
|
|
16
|
-
style.innerHTML = css;
|
|
17
|
-
document.head.appendChild(style);
|
|
18
|
-
stylesInDOM.set(id, style);
|
|
19
|
-
}, [id, css]);
|
|
20
|
-
var clear = (0, _react.useCallback)(function () {
|
|
21
|
-
var style = stylesInDOM.get(id);
|
|
22
|
-
if (!style) return;
|
|
23
|
-
document.head.removeChild(style);
|
|
24
|
-
stylesInDOM["delete"](id);
|
|
25
|
-
}, [id]);
|
|
26
|
-
append();
|
|
27
|
-
(0, _react.useEffect)(function () {
|
|
28
|
-
append();
|
|
29
|
-
return clear;
|
|
30
|
-
}, [append, clear]);
|
|
31
|
-
};
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = exports.Default = void 0;
|
|
7
|
-
var _ = require(".");
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
10
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
11
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
12
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
13
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
14
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; } /* eslint-disable react-hooks/rules-of-hooks */
|
|
15
|
-
var meta = {
|
|
16
|
-
title: 'hooks/useCss',
|
|
17
|
-
tags: ['autodocs']
|
|
18
|
-
};
|
|
19
|
-
var _default = exports["default"] = meta;
|
|
20
|
-
var Default = exports.Default = {
|
|
21
|
-
render: function render() {
|
|
22
|
-
var _useState = (0, _react.useState)(true),
|
|
23
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
24
|
-
isGreen = _useState2[0],
|
|
25
|
-
setIsGreen = _useState2[1];
|
|
26
|
-
(0, _.useCss)({
|
|
27
|
-
id: 'example',
|
|
28
|
-
css: "body { color: ".concat(isGreen ? 'green' : 'blue', "; }")
|
|
29
|
-
});
|
|
30
|
-
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, "some text"), /*#__PURE__*/React.createElement("button", {
|
|
31
|
-
onClick: function onClick() {
|
|
32
|
-
return setIsGreen(function (f) {
|
|
33
|
-
return !f;
|
|
34
|
-
});
|
|
35
|
-
}
|
|
36
|
-
}, "change color"));
|
|
37
|
-
}
|
|
38
|
-
};
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
type TProps<TEvent> = {
|
|
2
|
-
initialFocusFlag?: boolean;
|
|
3
|
-
onFocus?: (e: TEvent) => void;
|
|
4
|
-
onBlur?: (e: TEvent) => void;
|
|
5
|
-
};
|
|
6
|
-
export declare const useInputFocus: <TEvent>({ initialFocusFlag, onFocus, onBlur }?: TProps<TEvent>) => {
|
|
7
|
-
inFocus: boolean;
|
|
8
|
-
handleFocus: (event: TEvent) => void;
|
|
9
|
-
handleBlur: (event: TEvent) => void;
|
|
10
|
-
};
|
|
11
|
-
export {};
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.useInputFocus = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
9
|
-
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
10
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
11
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
12
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
13
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
14
|
-
var useInputFocus = exports.useInputFocus = function useInputFocus() {
|
|
15
|
-
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
16
|
-
_ref$initialFocusFlag = _ref.initialFocusFlag,
|
|
17
|
-
initialFocusFlag = _ref$initialFocusFlag === void 0 ? false : _ref$initialFocusFlag,
|
|
18
|
-
onFocus = _ref.onFocus,
|
|
19
|
-
onBlur = _ref.onBlur;
|
|
20
|
-
var _useState = (0, _react.useState)(initialFocusFlag),
|
|
21
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
22
|
-
inFocus = _useState2[0],
|
|
23
|
-
setInFocus = _useState2[1];
|
|
24
|
-
var handleFocus = function handleFocus(event) {
|
|
25
|
-
setInFocus(true);
|
|
26
|
-
if (onFocus) onFocus(event);
|
|
27
|
-
};
|
|
28
|
-
var handleBlur = function handleBlur(event) {
|
|
29
|
-
setInFocus(false);
|
|
30
|
-
if (onBlur) onBlur(event);
|
|
31
|
-
};
|
|
32
|
-
return {
|
|
33
|
-
inFocus: inFocus,
|
|
34
|
-
handleFocus: handleFocus,
|
|
35
|
-
handleBlur: handleBlur
|
|
36
|
-
};
|
|
37
|
-
};
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = exports.Default = void 0;
|
|
7
|
-
var _ = require(".");
|
|
8
|
-
/* eslint-disable react-hooks/rules-of-hooks */
|
|
9
|
-
|
|
10
|
-
var meta = {
|
|
11
|
-
title: 'hooks/useInputFocus',
|
|
12
|
-
tags: ['autodocs']
|
|
13
|
-
};
|
|
14
|
-
var _default = exports["default"] = meta;
|
|
15
|
-
var Default = exports.Default = {
|
|
16
|
-
render: function render() {
|
|
17
|
-
var _useInputFocus = (0, _.useInputFocus)(),
|
|
18
|
-
inFocus = _useInputFocus.inFocus,
|
|
19
|
-
handleBlur = _useInputFocus.handleBlur,
|
|
20
|
-
handleFocus = _useInputFocus.handleFocus;
|
|
21
|
-
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("input", {
|
|
22
|
-
placeholder: "focus me",
|
|
23
|
-
onBlur: handleBlur,
|
|
24
|
-
onFocus: handleFocus
|
|
25
|
-
}), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("code", null, JSON.stringify({
|
|
26
|
-
inFocus: inFocus
|
|
27
|
-
}, null, 2))));
|
|
28
|
-
}
|
|
29
|
-
};
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.useOutsideClick = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
var useOutsideClick = exports.useOutsideClick = function useOutsideClick(onClick) {
|
|
9
|
-
var ref = (0, _react.useRef)(null);
|
|
10
|
-
(0, _react.useEffect)(function () {
|
|
11
|
-
var handleOutsideClick = function handleOutsideClick(event) {
|
|
12
|
-
if (ref.current && !ref.current.contains(event.target)) {
|
|
13
|
-
onClick();
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
|
-
document.addEventListener('mousedown', handleOutsideClick);
|
|
17
|
-
return function () {
|
|
18
|
-
document.removeEventListener('mousedown', handleOutsideClick);
|
|
19
|
-
};
|
|
20
|
-
}, [ref, onClick]);
|
|
21
|
-
return ref;
|
|
22
|
-
};
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = exports.Default = void 0;
|
|
7
|
-
var _addonActions = require("@storybook/addon-actions");
|
|
8
|
-
var _ = require(".");
|
|
9
|
-
/* eslint-disable react-hooks/rules-of-hooks */
|
|
10
|
-
|
|
11
|
-
var meta = {
|
|
12
|
-
title: 'hooks/useOutsideClick',
|
|
13
|
-
tags: ['autodocs']
|
|
14
|
-
};
|
|
15
|
-
var _default = exports["default"] = meta;
|
|
16
|
-
var Default = exports.Default = {
|
|
17
|
-
render: function render() {
|
|
18
|
-
var ref = (0, _.useOutsideClick)((0, _addonActions.action)('clicked outside'));
|
|
19
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
20
|
-
ref: ref,
|
|
21
|
-
style: {
|
|
22
|
-
border: '1px solid black',
|
|
23
|
-
padding: 15
|
|
24
|
-
}
|
|
25
|
-
}, "inside");
|
|
26
|
-
}
|
|
27
|
-
};
|
package/dist/index.d.ts
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
export { Skeleton } from './components/common/Skeleton';
|
|
2
|
-
export { InvoiceboxLoader } from './components/common/InvoiceboxLoader';
|
|
3
|
-
export { Typography } from './components/common/Typography';
|
|
4
|
-
export { InvoiceboxSpinner } from './components/common/InvoiceboxSpinner';
|
|
5
|
-
export { SecondaryButton } from './components/common/SecondaryButton';
|
|
6
|
-
export { Arrow } from './components/common/Arrow';
|
|
7
|
-
export { InputLabel } from './components/form/InputLabel';
|
|
8
|
-
export { PureInput } from './components/form/PureInput';
|
|
9
|
-
export { PositiveIntegerInput } from './components/form/PositiveIntegerInput';
|
|
10
|
-
export type { TProps as TPositiveIntegerInputProps } from './components/form/PositiveIntegerInput';
|
|
11
|
-
export { Dropdown } from './components/common/Dropdown';
|
|
12
|
-
export type { TProps as TDropdownProps } from './components/common/Dropdown';
|
|
13
|
-
export { Scrollbar } from './components/common/Scrollbar';
|
|
14
|
-
export { Select } from './components/form/Select';
|
|
15
|
-
export type { TProps as TSelectProps } from './components/form/Select';
|
|
16
|
-
export { Calendar } from './components/common/Calendar';
|
|
17
|
-
export type { TProps as TCalendarProps } from './components/common/Calendar';
|
|
18
|
-
export { DateInput } from './components/form/DateInput';
|
|
19
|
-
export type { TProps as TDateInputProps } from './components/form/DateInput';
|
|
20
|
-
export { WarningIcon } from './components/common/WarningIcon';
|
|
21
|
-
export type { TProps as TWarningIconProps } from './components/common/WarningIcon';
|
|
22
|
-
export { Divider } from './components/common/Divider';
|
|
23
|
-
export type { TProps as TDividerProps } from './components/common/Divider';
|
|
24
|
-
export { PaletteProvider } from './palette';
|
|
25
|
-
export type { TAbstractPalette } from './palette';
|
|
26
|
-
export { useOutsideClick } from './hooks/useOutsideClick';
|
|
27
|
-
export { useInputFocus } from './hooks/useInputFocus';
|
package/dist/index.js
DELETED
|
@@ -1,138 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "Arrow", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _Arrow.Arrow;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
Object.defineProperty(exports, "Calendar", {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function get() {
|
|
15
|
-
return _Calendar.Calendar;
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
Object.defineProperty(exports, "DateInput", {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function get() {
|
|
21
|
-
return _DateInput.DateInput;
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
Object.defineProperty(exports, "Divider", {
|
|
25
|
-
enumerable: true,
|
|
26
|
-
get: function get() {
|
|
27
|
-
return _Divider.Divider;
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
|
-
Object.defineProperty(exports, "Dropdown", {
|
|
31
|
-
enumerable: true,
|
|
32
|
-
get: function get() {
|
|
33
|
-
return _Dropdown.Dropdown;
|
|
34
|
-
}
|
|
35
|
-
});
|
|
36
|
-
Object.defineProperty(exports, "InputLabel", {
|
|
37
|
-
enumerable: true,
|
|
38
|
-
get: function get() {
|
|
39
|
-
return _InputLabel.InputLabel;
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
|
-
Object.defineProperty(exports, "InvoiceboxLoader", {
|
|
43
|
-
enumerable: true,
|
|
44
|
-
get: function get() {
|
|
45
|
-
return _InvoiceboxLoader.InvoiceboxLoader;
|
|
46
|
-
}
|
|
47
|
-
});
|
|
48
|
-
Object.defineProperty(exports, "InvoiceboxSpinner", {
|
|
49
|
-
enumerable: true,
|
|
50
|
-
get: function get() {
|
|
51
|
-
return _InvoiceboxSpinner.InvoiceboxSpinner;
|
|
52
|
-
}
|
|
53
|
-
});
|
|
54
|
-
Object.defineProperty(exports, "PaletteProvider", {
|
|
55
|
-
enumerable: true,
|
|
56
|
-
get: function get() {
|
|
57
|
-
return _palette.PaletteProvider;
|
|
58
|
-
}
|
|
59
|
-
});
|
|
60
|
-
Object.defineProperty(exports, "PositiveIntegerInput", {
|
|
61
|
-
enumerable: true,
|
|
62
|
-
get: function get() {
|
|
63
|
-
return _PositiveIntegerInput.PositiveIntegerInput;
|
|
64
|
-
}
|
|
65
|
-
});
|
|
66
|
-
Object.defineProperty(exports, "PureInput", {
|
|
67
|
-
enumerable: true,
|
|
68
|
-
get: function get() {
|
|
69
|
-
return _PureInput.PureInput;
|
|
70
|
-
}
|
|
71
|
-
});
|
|
72
|
-
Object.defineProperty(exports, "Scrollbar", {
|
|
73
|
-
enumerable: true,
|
|
74
|
-
get: function get() {
|
|
75
|
-
return _Scrollbar.Scrollbar;
|
|
76
|
-
}
|
|
77
|
-
});
|
|
78
|
-
Object.defineProperty(exports, "SecondaryButton", {
|
|
79
|
-
enumerable: true,
|
|
80
|
-
get: function get() {
|
|
81
|
-
return _SecondaryButton.SecondaryButton;
|
|
82
|
-
}
|
|
83
|
-
});
|
|
84
|
-
Object.defineProperty(exports, "Select", {
|
|
85
|
-
enumerable: true,
|
|
86
|
-
get: function get() {
|
|
87
|
-
return _Select.Select;
|
|
88
|
-
}
|
|
89
|
-
});
|
|
90
|
-
Object.defineProperty(exports, "Skeleton", {
|
|
91
|
-
enumerable: true,
|
|
92
|
-
get: function get() {
|
|
93
|
-
return _Skeleton.Skeleton;
|
|
94
|
-
}
|
|
95
|
-
});
|
|
96
|
-
Object.defineProperty(exports, "Typography", {
|
|
97
|
-
enumerable: true,
|
|
98
|
-
get: function get() {
|
|
99
|
-
return _Typography.Typography;
|
|
100
|
-
}
|
|
101
|
-
});
|
|
102
|
-
Object.defineProperty(exports, "WarningIcon", {
|
|
103
|
-
enumerable: true,
|
|
104
|
-
get: function get() {
|
|
105
|
-
return _WarningIcon.WarningIcon;
|
|
106
|
-
}
|
|
107
|
-
});
|
|
108
|
-
Object.defineProperty(exports, "useInputFocus", {
|
|
109
|
-
enumerable: true,
|
|
110
|
-
get: function get() {
|
|
111
|
-
return _useInputFocus.useInputFocus;
|
|
112
|
-
}
|
|
113
|
-
});
|
|
114
|
-
Object.defineProperty(exports, "useOutsideClick", {
|
|
115
|
-
enumerable: true,
|
|
116
|
-
get: function get() {
|
|
117
|
-
return _useOutsideClick.useOutsideClick;
|
|
118
|
-
}
|
|
119
|
-
});
|
|
120
|
-
var _Skeleton = require("./components/common/Skeleton");
|
|
121
|
-
var _InvoiceboxLoader = require("./components/common/InvoiceboxLoader");
|
|
122
|
-
var _Typography = require("./components/common/Typography");
|
|
123
|
-
var _InvoiceboxSpinner = require("./components/common/InvoiceboxSpinner");
|
|
124
|
-
var _SecondaryButton = require("./components/common/SecondaryButton");
|
|
125
|
-
var _Arrow = require("./components/common/Arrow");
|
|
126
|
-
var _InputLabel = require("./components/form/InputLabel");
|
|
127
|
-
var _PureInput = require("./components/form/PureInput");
|
|
128
|
-
var _PositiveIntegerInput = require("./components/form/PositiveIntegerInput");
|
|
129
|
-
var _Dropdown = require("./components/common/Dropdown");
|
|
130
|
-
var _Scrollbar = require("./components/common/Scrollbar");
|
|
131
|
-
var _Select = require("./components/form/Select");
|
|
132
|
-
var _Calendar = require("./components/common/Calendar");
|
|
133
|
-
var _DateInput = require("./components/form/DateInput");
|
|
134
|
-
var _WarningIcon = require("./components/common/WarningIcon");
|
|
135
|
-
var _Divider = require("./components/common/Divider");
|
|
136
|
-
var _palette = require("./palette");
|
|
137
|
-
var _useOutsideClick = require("./hooks/useOutsideClick");
|
|
138
|
-
var _useInputFocus = require("./hooks/useInputFocus");
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports["default"] = exports.Docs = void 0;
|
|
7
|
-
var _constants = require("./constants");
|
|
8
|
-
var _Typography = require("../components/common/Typography");
|
|
9
|
-
var meta = {
|
|
10
|
-
title: 'palette/Colors'
|
|
11
|
-
};
|
|
12
|
-
var _default = exports["default"] = meta;
|
|
13
|
-
var Docs = exports.Docs = {
|
|
14
|
-
render: function render() {
|
|
15
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
16
|
-
style: {
|
|
17
|
-
display: 'flex',
|
|
18
|
-
flexDirection: 'column',
|
|
19
|
-
gap: 30
|
|
20
|
-
}
|
|
21
|
-
}, Object.keys(_constants.defaultAbstractPalette).map(function (key) {
|
|
22
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
23
|
-
key: key,
|
|
24
|
-
style: {
|
|
25
|
-
display: 'flex',
|
|
26
|
-
alignItems: 'center',
|
|
27
|
-
gap: 20
|
|
28
|
-
}
|
|
29
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
30
|
-
style: {
|
|
31
|
-
backgroundColor: _constants.defaultAbstractPalette[key],
|
|
32
|
-
width: 40,
|
|
33
|
-
height: 40,
|
|
34
|
-
borderRadius: '50%'
|
|
35
|
-
}
|
|
36
|
-
}), /*#__PURE__*/React.createElement(_Typography.Typography, {
|
|
37
|
-
variant: "bodyL"
|
|
38
|
-
}, key, " ", _constants.defaultAbstractPalette[key]));
|
|
39
|
-
}));
|
|
40
|
-
}
|
|
41
|
-
};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.defaultAbstractPalette = void 0;
|
|
7
|
-
var defaultAbstractPalette = exports.defaultAbstractPalette = {
|
|
8
|
-
primary: '#353F47',
|
|
9
|
-
secondary: '#FAD247',
|
|
10
|
-
base: '#FFFFFF',
|
|
11
|
-
error: '#EB5757',
|
|
12
|
-
neutralLight: '#f9f9f9',
|
|
13
|
-
neutralUsual: '#f1f2f6',
|
|
14
|
-
neutralHeavy: '#ececf0',
|
|
15
|
-
neutralMassive: '#dee0e7',
|
|
16
|
-
neutralFoggy: '#ccc',
|
|
17
|
-
neutralBrutal: '#999'
|
|
18
|
-
};
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { TSkeletonPalette } from '../components/common/Skeleton/palette';
|
|
3
|
-
import { TInvoiceboxSpinnerPalette } from '../components/common/InvoiceboxSpinner/palette';
|
|
4
|
-
import { TSecondaryButtonPalette } from '../components/common/SecondaryButton/palette';
|
|
5
|
-
import { TArrowPalette } from '../components/common/Arrow/palette';
|
|
6
|
-
import { TInputLabelPalette } from '../components/form/InputLabel/palette';
|
|
7
|
-
import { TPureInputPalette } from '../components/form/PureInput/palette';
|
|
8
|
-
import { TDropdownPalette } from '../components/common/Dropdown/palette';
|
|
9
|
-
import { TScrollbarPalette } from '../components/common/Scrollbar/palette';
|
|
10
|
-
import { TSelectPalette } from '../components/form/Select/palette';
|
|
11
|
-
import { TDateInputPalette } from '../components/form/DateInput/palette';
|
|
12
|
-
import { TWarningIconPalette } from '../components/common/WarningIcon/palette';
|
|
13
|
-
import { TDividerPalette } from '../components/common/Divider/palette';
|
|
14
|
-
import { TCalendarPalette } from '../components/common/Calendar/palette';
|
|
15
|
-
type TContext = {
|
|
16
|
-
skeleton: TSkeletonPalette;
|
|
17
|
-
invoiceboxSpinner: TInvoiceboxSpinnerPalette;
|
|
18
|
-
secondaryButton: TSecondaryButtonPalette;
|
|
19
|
-
arrow: TArrowPalette;
|
|
20
|
-
inputLabel: TInputLabelPalette;
|
|
21
|
-
pureInput: TPureInputPalette;
|
|
22
|
-
dropdown: TDropdownPalette;
|
|
23
|
-
scrollbar: TScrollbarPalette;
|
|
24
|
-
select: TSelectPalette;
|
|
25
|
-
dateInput: TDateInputPalette;
|
|
26
|
-
warningIcon: TWarningIconPalette;
|
|
27
|
-
divider: TDividerPalette;
|
|
28
|
-
calendar: TCalendarPalette;
|
|
29
|
-
};
|
|
30
|
-
export declare const PaletteContext: import("react").Context<TContext>;
|
|
31
|
-
export {};
|
package/dist/palette/context.js
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.PaletteContext = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
var _constants = require("./constants");
|
|
9
|
-
var _palette = require("../components/common/Skeleton/palette");
|
|
10
|
-
var _palette2 = require("../components/common/InvoiceboxSpinner/palette");
|
|
11
|
-
var _palette3 = require("../components/common/SecondaryButton/palette");
|
|
12
|
-
var _palette4 = require("../components/common/Arrow/palette");
|
|
13
|
-
var _palette5 = require("../components/form/InputLabel/palette");
|
|
14
|
-
var _palette6 = require("../components/form/PureInput/palette");
|
|
15
|
-
var _palette7 = require("../components/common/Dropdown/palette");
|
|
16
|
-
var _palette8 = require("../components/common/Scrollbar/palette");
|
|
17
|
-
var _palette9 = require("../components/form/Select/palette");
|
|
18
|
-
var _palette10 = require("../components/form/DateInput/palette");
|
|
19
|
-
var _palette11 = require("../components/common/WarningIcon/palette");
|
|
20
|
-
var _palette12 = require("../components/common/Divider/palette");
|
|
21
|
-
var _palette13 = require("../components/common/Calendar/palette");
|
|
22
|
-
var PaletteContext = exports.PaletteContext = /*#__PURE__*/(0, _react.createContext)({
|
|
23
|
-
skeleton: (0, _palette.generateSkeletonPalette)(_constants.defaultAbstractPalette),
|
|
24
|
-
invoiceboxSpinner: (0, _palette2.generateInvoiceboxSpinnerPalette)(_constants.defaultAbstractPalette),
|
|
25
|
-
secondaryButton: (0, _palette3.generateSecondaryButtonPalette)(_constants.defaultAbstractPalette),
|
|
26
|
-
arrow: (0, _palette4.generateArrowPalette)(_constants.defaultAbstractPalette),
|
|
27
|
-
inputLabel: (0, _palette5.generateInputLabelPalette)(_constants.defaultAbstractPalette),
|
|
28
|
-
pureInput: (0, _palette6.generatePureInputPalette)(_constants.defaultAbstractPalette),
|
|
29
|
-
dropdown: (0, _palette7.generateDropdownPalette)(_constants.defaultAbstractPalette),
|
|
30
|
-
scrollbar: (0, _palette8.generateScrollbarPalette)(_constants.defaultAbstractPalette),
|
|
31
|
-
select: (0, _palette9.generateSelectPalette)(_constants.defaultAbstractPalette),
|
|
32
|
-
dateInput: (0, _palette10.generateDateInputPalette)(_constants.defaultAbstractPalette),
|
|
33
|
-
warningIcon: (0, _palette11.generateWarningIconPalette)(_constants.defaultAbstractPalette),
|
|
34
|
-
divider: (0, _palette12.generateDividerPalette)(_constants.defaultAbstractPalette),
|
|
35
|
-
calendar: (0, _palette13.generateCalendarPalette)(_constants.defaultAbstractPalette)
|
|
36
|
-
});
|
package/dist/palette/index.d.ts
DELETED
package/dist/palette/index.js
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
Object.defineProperty(exports, "PaletteProvider", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function get() {
|
|
9
|
-
return _provider.PaletteProvider;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
Object.defineProperty(exports, "useComponentPalette", {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function get() {
|
|
15
|
-
return _useComponentPalette.useComponentPalette;
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
var _provider = require("./provider");
|
|
19
|
-
var _useComponentPalette = require("./useComponentPalette");
|