@kaizen/components 1.19.0 → 1.19.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/{SuccessIcon-ab991ee9.js → SuccessIcon-502d508a.js} +1 -1
- package/dist/cjs/{SuccessIcon-ab991ee9.js.map → SuccessIcon-502d508a.js.map} +1 -1
- package/dist/cjs/dts/FilterBar/context/FilterBarContext.d.ts +1 -0
- package/dist/cjs/dts/FilterDatePicker/subcomponents/FilterDatePickerField/filterDatePickerFieldReducer.d.ts +18 -2
- package/dist/cjs/dts/FilterDatePicker/types.d.ts +0 -21
- package/dist/cjs/dts/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/filterDateRangePickerFieldReducer.d.ts +27 -0
- package/dist/cjs/dts/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/isValidRange.d.ts +1 -0
- package/dist/cjs/future.js +1 -1
- package/dist/cjs/index.css +5 -5
- package/dist/cjs/index.js +115 -43
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/{SuccessIcon-5aeb3734.js → SuccessIcon-44c16cb6.js} +1 -1
- package/dist/esm/{SuccessIcon-5aeb3734.js.map → SuccessIcon-44c16cb6.js.map} +1 -1
- package/dist/esm/dts/FilterBar/context/FilterBarContext.d.ts +1 -0
- package/dist/esm/dts/FilterDatePicker/subcomponents/FilterDatePickerField/filterDatePickerFieldReducer.d.ts +18 -2
- package/dist/esm/dts/FilterDatePicker/types.d.ts +0 -21
- package/dist/esm/dts/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/filterDateRangePickerFieldReducer.d.ts +27 -0
- package/dist/esm/dts/FilterDateRangePicker/subcomponents/FilterDateRangePickerField/utils/isValidRange.d.ts +1 -0
- package/dist/esm/future.js +1 -1
- package/dist/esm/index.css +4 -4
- package/dist/esm/index.js +115 -43
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +2 -22
- package/dist/styles.css +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SuccessIcon-ab991ee9.js","sources":["../../../../node_modules/tslib/tslib.es6.js","../../src/utils/console.ts","../../src/SVG/SVG.tsx","../../src/SVG/icons/IndicatorActiveIcon.tsx","../../src/SVG/icons/IndicatorInactiveIcon.tsx","../../src/SVG/icons/SuccessIcon.tsx"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n var _, done = false;\r\n for (var i = decorators.length - 1; i >= 0; i--) {\r\n var context = {};\r\n for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n if (kind === \"accessor\") {\r\n if (result === void 0) continue;\r\n if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n if (_ = accept(result.get)) descriptor.get = _;\r\n if (_ = accept(result.set)) descriptor.set = _;\r\n if (_ = accept(result.init)) initializers.unshift(_);\r\n }\r\n else if (_ = accept(result)) {\r\n if (kind === \"field\") initializers.unshift(_);\r\n else descriptor[key] = _;\r\n }\r\n }\r\n if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n var useValue = arguments.length > 2;\r\n for (var i = 0; i < initializers.length; i++) {\r\n value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n }\r\n return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n var desc = Object.getOwnPropertyDescriptor(m, k);\r\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n desc = { enumerable: true, get: function() { return m[k]; } };\r\n }\r\n Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport default {\r\n __extends,\r\n __assign,\r\n __rest,\r\n __decorate,\r\n __param,\r\n __metadata,\r\n __awaiter,\r\n __generator,\r\n __createBinding,\r\n __exportStar,\r\n __values,\r\n __read,\r\n __spread,\r\n __spreadArrays,\r\n __spreadArray,\r\n __await,\r\n __asyncGenerator,\r\n __asyncDelegator,\r\n __asyncValues,\r\n __makeTemplateObject,\r\n __importStar,\r\n __importDefault,\r\n __classPrivateFieldGet,\r\n __classPrivateFieldSet,\r\n __classPrivateFieldIn,\r\n};\r\n","const red = \"\\u001b[31m \"\nconst yellow = \"\\u001b[33m \"\nconst reset = \"\\u001b[0m \"\n\nexport const error = (message: string): Error => {\n throw new Error(`${red}\\KAIZEN ERROR:\\n${singleLine(message)}${reset}\\n`)\n}\n\nexport const warn = (message: string): void => {\n // eslint-disable-next-line no-console\n console.warn(`${yellow}\\nKAIZEN WARNING:\\n${singleLine(message)}${reset}\\n`)\n}\n\nexport const singleLine = (message: string): string =>\n message.replace(/^ +/gm, \" \").replace(/\\n|\\r/gm, \"\").trim()\n","import React, { ReactNode, SVGAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { warn } from \"~utils/console\"\nimport styles from \"./SVG.module.scss\"\n\ntype RolesType =\n | \"img\" // meaningful, title should be read aloud to users who can't see it\n | \"presentation\" // decorative, should be silent to users who can't see it\n\nexport interface SVGProps extends OverrideClassName<SVGAttributes<SVGElement>> {\n children: ReactNode\n inheritSize?: boolean\n role?: RolesType\n title?: string\n desc?: string\n}\n\n/**\n * {@link https://cultureamp.design/components/icon/ Guidance} |\n * {@link https://cultureamp.design/storybook/?path=/docs/components-icon--meaningful-kaizen-site-demo Storybook}\n */\nexport const SVG = ({\n inheritSize = false,\n role = \"img\",\n title = \"\",\n desc = \"\",\n viewBox = \"0 0 20 20\",\n classNameOverride,\n children,\n ...props\n}: SVGProps): JSX.Element => {\n const isMeaningfulImg = role === \"img\"\n\n if (isMeaningfulImg && !title) {\n warn(`\n Icon with role \"img\" missing a title attribute.\n\n Assistive technologies that enable vision-impaired users to read web pages\n can treat images (including icons) as either decorative or meaningful. Only\n images with a role of \"img\" (meaningful) will be read aloud to the user.\n These images must therefore have a title attribute to provide the text that\n will be read aloud.\n\n Either add the missing title prop, or set this icon's role to\n \"presentation\" to indicate it is not meaningful.\n `)\n }\n\n const renderTitle = (): JSX.Element | false =>\n isMeaningfulImg && !!title && <title>{title}</title>\n\n const renderDesc = (): JSX.Element | false =>\n isMeaningfulImg && !!desc && <desc>{desc}</desc>\n\n const accessibilityProps = {\n role,\n [\"aria-hidden\"]: isMeaningfulImg ? undefined : true,\n }\n\n return (\n <svg\n className={classnames(\n styles.icon,\n classNameOverride,\n inheritSize && styles.inheritSize\n )}\n viewBox={viewBox}\n // Work around IE11 making all SVGs focusable.\n // See http://simplyaccessible.com/article/7-solutions-svgs/#acc-heading-4\n focusable=\"false\"\n {...accessibilityProps}\n {...props}\n >\n {renderTitle()}\n {renderDesc()}\n {children}\n </svg>\n )\n}\n\nSVG.displayName = \"SVG\"\n","import React from \"react\"\nimport { SVG, SVGProps } from \"~components/SVG\"\n\n// formally named \"full\"\nexport const IndicatorActiveIcon = (\n props: Omit<SVGProps, \"children\">\n): JSX.Element => (\n <SVG {...props}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M10 2C5.584 2 2 5.584 2 10C2 14.416 5.584 18 10 18C14.416 18 18 14.416 18 10C18 5.584 14.416 2 10 2ZM10 16.4C6.464 16.4 3.6 13.536 3.6 10C3.6 6.464 6.464 3.6 10 3.6C13.536 3.6 16.4 6.464 16.4 10C16.4 13.536 13.536 16.4 10 16.4ZM10 13.5C11.933 13.5 13.5 11.933 13.5 10C13.5 8.067 11.933 6.5 10 6.5C8.067 6.5 6.5 8.067 6.5 10C6.5 11.933 8.067 13.5 10 13.5Z\"\n fill=\"currentColor\"\n />\n </SVG>\n)\n","import React from \"react\"\nimport { SVG, SVGProps } from \"~components/SVG\"\n\n// formally named \"empty\"\nexport const IndicatorInactiveIcon = (\n props: Omit<SVGProps, \"children\">\n): JSX.Element => (\n <SVG {...props}>\n <path\n d=\"M2 10c0-4.416 3.584-8 8-8s8 3.584 8 8-3.584 8-8 8-8-3.584-8-8Zm8 6.4c3.536 0 6.4-2.864 6.4-6.4 0-3.536-2.864-6.4-6.4-6.4A6.398 6.398 0 0 0 3.6 10c0 3.536 2.864 6.4 6.4 6.4Z\"\n fill=\"currentColor\"\n />\n </SVG>\n)\n","import React from \"react\"\nimport { SVG, SVGProps } from \"~components/SVG\"\n\nexport const SuccessIcon = (props: Omit<SVGProps, \"children\">): JSX.Element => (\n <SVG {...props}>\n <path\n fill=\"currentColor\"\n d=\"M10 2c4.416 0 8 3.584 8 8s-3.584 8-8 8-8-3.584-8-8 3.584-8 8-8ZM8.4 14l7.2-7.2-1.128-1.136L8.4 11.736 5.528 8.872 4.4 10l4 4Z\"\n />\n </SVG>\n)\n"],"names":["__assign"],"mappings":"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","x_google_ignoreList":[0]}
|
|
1
|
+
{"version":3,"file":"SuccessIcon-502d508a.js","sources":["../../../../node_modules/tslib/tslib.es6.js","../../src/utils/console.ts","../../src/SVG/SVG.tsx","../../src/SVG/icons/IndicatorActiveIcon.tsx","../../src/SVG/icons/IndicatorInactiveIcon.tsx","../../src/SVG/icons/SuccessIcon.tsx"],"sourcesContent":["/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n var _, done = false;\r\n for (var i = decorators.length - 1; i >= 0; i--) {\r\n var context = {};\r\n for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n if (kind === \"accessor\") {\r\n if (result === void 0) continue;\r\n if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n if (_ = accept(result.get)) descriptor.get = _;\r\n if (_ = accept(result.set)) descriptor.set = _;\r\n if (_ = accept(result.init)) initializers.unshift(_);\r\n }\r\n else if (_ = accept(result)) {\r\n if (kind === \"field\") initializers.unshift(_);\r\n else descriptor[key] = _;\r\n }\r\n }\r\n if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n var useValue = arguments.length > 2;\r\n for (var i = 0; i < initializers.length; i++) {\r\n value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n }\r\n return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n var desc = Object.getOwnPropertyDescriptor(m, k);\r\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n desc = { enumerable: true, get: function() { return m[k]; } };\r\n }\r\n Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n\r\nexport default {\r\n __extends,\r\n __assign,\r\n __rest,\r\n __decorate,\r\n __param,\r\n __metadata,\r\n __awaiter,\r\n __generator,\r\n __createBinding,\r\n __exportStar,\r\n __values,\r\n __read,\r\n __spread,\r\n __spreadArrays,\r\n __spreadArray,\r\n __await,\r\n __asyncGenerator,\r\n __asyncDelegator,\r\n __asyncValues,\r\n __makeTemplateObject,\r\n __importStar,\r\n __importDefault,\r\n __classPrivateFieldGet,\r\n __classPrivateFieldSet,\r\n __classPrivateFieldIn,\r\n};\r\n","const red = \"\\u001b[31m \"\nconst yellow = \"\\u001b[33m \"\nconst reset = \"\\u001b[0m \"\n\nexport const error = (message: string): Error => {\n throw new Error(`${red}\\KAIZEN ERROR:\\n${singleLine(message)}${reset}\\n`)\n}\n\nexport const warn = (message: string): void => {\n // eslint-disable-next-line no-console\n console.warn(`${yellow}\\nKAIZEN WARNING:\\n${singleLine(message)}${reset}\\n`)\n}\n\nexport const singleLine = (message: string): string =>\n message.replace(/^ +/gm, \" \").replace(/\\n|\\r/gm, \"\").trim()\n","import React, { ReactNode, SVGAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { warn } from \"~utils/console\"\nimport styles from \"./SVG.module.scss\"\n\ntype RolesType =\n | \"img\" // meaningful, title should be read aloud to users who can't see it\n | \"presentation\" // decorative, should be silent to users who can't see it\n\nexport interface SVGProps extends OverrideClassName<SVGAttributes<SVGElement>> {\n children: ReactNode\n inheritSize?: boolean\n role?: RolesType\n title?: string\n desc?: string\n}\n\n/**\n * {@link https://cultureamp.design/components/icon/ Guidance} |\n * {@link https://cultureamp.design/storybook/?path=/docs/components-icon--meaningful-kaizen-site-demo Storybook}\n */\nexport const SVG = ({\n inheritSize = false,\n role = \"img\",\n title = \"\",\n desc = \"\",\n viewBox = \"0 0 20 20\",\n classNameOverride,\n children,\n ...props\n}: SVGProps): JSX.Element => {\n const isMeaningfulImg = role === \"img\"\n\n if (isMeaningfulImg && !title) {\n warn(`\n Icon with role \"img\" missing a title attribute.\n\n Assistive technologies that enable vision-impaired users to read web pages\n can treat images (including icons) as either decorative or meaningful. Only\n images with a role of \"img\" (meaningful) will be read aloud to the user.\n These images must therefore have a title attribute to provide the text that\n will be read aloud.\n\n Either add the missing title prop, or set this icon's role to\n \"presentation\" to indicate it is not meaningful.\n `)\n }\n\n const renderTitle = (): JSX.Element | false =>\n isMeaningfulImg && !!title && <title>{title}</title>\n\n const renderDesc = (): JSX.Element | false =>\n isMeaningfulImg && !!desc && <desc>{desc}</desc>\n\n const accessibilityProps = {\n role,\n [\"aria-hidden\"]: isMeaningfulImg ? undefined : true,\n }\n\n return (\n <svg\n className={classnames(\n styles.icon,\n classNameOverride,\n inheritSize && styles.inheritSize\n )}\n viewBox={viewBox}\n // Work around IE11 making all SVGs focusable.\n // See http://simplyaccessible.com/article/7-solutions-svgs/#acc-heading-4\n focusable=\"false\"\n {...accessibilityProps}\n {...props}\n >\n {renderTitle()}\n {renderDesc()}\n {children}\n </svg>\n )\n}\n\nSVG.displayName = \"SVG\"\n","import React from \"react\"\nimport { SVG, SVGProps } from \"~components/SVG\"\n\n// formally named \"full\"\nexport const IndicatorActiveIcon = (\n props: Omit<SVGProps, \"children\">\n): JSX.Element => (\n <SVG {...props}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M10 2C5.584 2 2 5.584 2 10C2 14.416 5.584 18 10 18C14.416 18 18 14.416 18 10C18 5.584 14.416 2 10 2ZM10 16.4C6.464 16.4 3.6 13.536 3.6 10C3.6 6.464 6.464 3.6 10 3.6C13.536 3.6 16.4 6.464 16.4 10C16.4 13.536 13.536 16.4 10 16.4ZM10 13.5C11.933 13.5 13.5 11.933 13.5 10C13.5 8.067 11.933 6.5 10 6.5C8.067 6.5 6.5 8.067 6.5 10C6.5 11.933 8.067 13.5 10 13.5Z\"\n fill=\"currentColor\"\n />\n </SVG>\n)\n","import React from \"react\"\nimport { SVG, SVGProps } from \"~components/SVG\"\n\n// formally named \"empty\"\nexport const IndicatorInactiveIcon = (\n props: Omit<SVGProps, \"children\">\n): JSX.Element => (\n <SVG {...props}>\n <path\n d=\"M2 10c0-4.416 3.584-8 8-8s8 3.584 8 8-3.584 8-8 8-8-3.584-8-8Zm8 6.4c3.536 0 6.4-2.864 6.4-6.4 0-3.536-2.864-6.4-6.4-6.4A6.398 6.398 0 0 0 3.6 10c0 3.536 2.864 6.4 6.4 6.4Z\"\n fill=\"currentColor\"\n />\n </SVG>\n)\n","import React from \"react\"\nimport { SVG, SVGProps } from \"~components/SVG\"\n\nexport const SuccessIcon = (props: Omit<SVGProps, \"children\">): JSX.Element => (\n <SVG {...props}>\n <path\n fill=\"currentColor\"\n d=\"M10 2c4.416 0 8 3.584 8 8s-3.584 8-8 8-8-3.584-8-8 3.584-8 8-8ZM8.4 14l7.2-7.2-1.128-1.136L8.4 11.736 5.528 8.872 4.4 10l4 4Z\"\n />\n </SVG>\n)\n"],"names":["__assign"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAeA;AACWA,gBAAQ,GAAG,WAAW;AACjC,IAAIA,gBAAQ,GAAG,MAAM,CAAC,MAAM,IAAI,SAAS,QAAQ,CAAC,CAAC,EAAE;AACrD,QAAQ,KAAK,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;AAC7D,YAAY,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAC;AAC7B,YAAY,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AACzF,SAAS;AACT,QAAQ,OAAO,CAAC,CAAC;AACjB,MAAK;AACL,IAAI,OAAOA,gBAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC;AAC3C,EAAC;AACD;AACO,SAAS,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE;AAC7B,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;AACf,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,EAAE,IAAI,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC;AACvF,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;AACpB,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI,OAAO,MAAM,CAAC,qBAAqB,KAAK,UAAU;AACvE,QAAQ,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,MAAM,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAChF,YAAY,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AAC1F,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAClC,SAAS;AACT,IAAI,OAAO,CAAC,CAAC;AACb,CAAC;AAgKD;AACO,SAAS,aAAa,CAAC,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE;AAC9C,IAAI,IAAI,IAAI,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,EAAE;AACzF,QAAQ,IAAI,EAAE,IAAI,EAAE,CAAC,IAAI,IAAI,CAAC,EAAE;AAChC,YAAY,IAAI,CAAC,EAAE,EAAE,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AACjE,YAAY,EAAE,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,CAAC,CAAC;AAC5B,SAAS;AACT,KAAK;AACL,IAAI,OAAO,EAAE,CAAC,MAAM,CAAC,EAAE,IAAI,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;AAC7D;;AC5NA,IAAM,MAAS,GAAA,WAAA,CAAA;AACf,IAAM,KAAQ,GAAA,UAAA,CAAA;AAMD,IAAA,IAAA,GAAO,SAAC,OAAe,EAAA;AAElC,EAAA,OAAA,CAAQ,IAAK,CAAA,EAAA,CAAA,MAAG,CAAA,MAAA,EAA4B,qBAAA,CAAA,CAAA,MAAA,CAAA,UAAW,CAAA,OAAO,CAAC,CAAA,CAAA,MAAG,CAAA,KAAA,EAAK,IAAA,CAAI,CAAA,CAAA;AAC7E,CAAA,CAAA;AAEa,IAAA,UAAA,GAAa,SAAC,OAAe,EAAA;AACxC,EAAA,OAAA,OAAA,CAAQ,QAAQ,OAAS,EAAA,GAAG,EAAE,OAAQ,CAAA,SAAA,EAAW,EAAE,CAAA,CAAE,IAAM,EAAA,CAAA;AAA3D,CAAA;;;;ACQW,IAAA,GAAA,GAAM,SAAC,EAST,EAAA;;AART,EAAA,IAAA,EAAA,GAAA,EAAA,CAAA,WAAA,EAAA,WAAW,GAAA,EAAA,KAAA,KAAG,CAAA,GAAA,KAAA,GAAK,EACnB,EAAA,EAAA,YAAA,uBAAO,KAAK,GAAA,EAAA,EACZ,EAAU,GAAA,EAAA,CAAA,KAAV,EAAA,KAAA,GAAQ,EAAA,KAAA,KAAA,CAAA,GAAA,SACR,EAAA,GAAA,EAAA,CAAA,IAAA,EAAA,IAAA,GAAI,OAAA,KAAG,CAAA,GAAA,EAAA,GAAE,EACT,EAAA,EAAA,eAAA,sBAAU,CAAA,GAAA,WAAA,GAAW,EACrB,EAAA,iBAAA,GAAiB,EAAA,CAAA,iBAAA,EACjB,QAAQ,GAAA,EAAA,CAAA,QACL,EAAA,KAAA,GAAK,MAAA,CAAA,EAAA,EARU,oFASnB,CAAA,CAAA;AACC,EAAA,IAAM,kBAAkB,IAAS,KAAA,KAAA,CAAA;AAEjC,EAAI,IAAA,eAAA,IAAmB,CAAC,KAAO,EAAA;AAC7B,IAAK,IAAA,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAWJ,CAAA,CAAA,CAAA;AAAA,GACF;AAED,EAAA,IAAM,cAAc,WAAA;AAClB,IAAA,OAAA,eAAA,IAAmB,CAAC,CAAC,KAAA,IAAS,MAAA,aAAA,CAAA,OAAA,EAAA,MAAQ,KAAK,CAAA,CAAA;AAAA,GAA3C,CAAA;AAEF,EAAA,IAAM,aAAa,WAAA;AACjB,IAAA,OAAA,eAAA,IAAmB,CAAC,CAAC,IAAA,IAAQ,MAAA,aAAA,CAAA,MAAA,EAAA,MAAO,IAAI,CAAA,CAAA;AAAA,GAAxC,CAAA;AAEF,EAAA,IAAM,sBAAkB,EAAA,GAAA;AAAA,IACtB,IAAA;AAAA,KACA,EAAC,CAAA,aAAa,CAAG,GAAA,eAAA,GAAkB,SAAY;AAGjD,EAAA,OACE;;;MACE,WAAW,UACT,CAAA,MAAA,CAAO,MACP,iBACA,EAAA,WAAA,IAAe,OAAO,WAAW,CAAA;AAAA,MAEnC,OAAA;AAAA;AAAA;AAAA,MAGA,SAAU,EAAA,OAAA;AAAA,KACN,EAAA,oBACA,KAAK,CAAA;AAAA,IAER,WAAa,EAAA;AAAA,IACb,UAAY,EAAA;AAAA,IACZ,QAAA;AAAA,GAAQ,CAAA;AAGf,EAAA;AAEA,GAAA,CAAI,WAAc,GAAA,KAAA;;AC7EL,IAAA,mBAAA,GAAsB,SACjC,KACgB,EAAA;AAAA,EAAA,OAChB,KAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAGA,gBAAA,CAAA,EAAA,EAAK,KAAK,CAAA;AAAA,IACZ,KACE,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,QAAS,EAAA,SAAA,EACT,QAAS,EAAA,SAAA,EACT,CAAE,EAAA,oWAAA,EACF,IAAK,EAAA,cAAA,EAAc,CAAA;AAAA,GACnB,CAAA;AAPY;;ACFL,IAAA,qBAAA,GAAwB,SACnC,KACgB,EAAA;AAAA,EAAA,OAChB,KAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAGA,gBAAA,CAAA,EAAA,EAAK,KAAK,CAAA;AAAA,IACZ,KAAA,CAAA,cAAA,MAAA,EAAA,EACE,GAAE,8KACF,EAAA,IAAA,EAAK,gBAAc,CAAA;AAAA,GACnB,CAAA;AALY;;ACHL,IAAA,WAAA,GAAc,SAAC,KAAmD,EAAA;AAAA,EAAA,OAC7E,KAAA,CAAA,aAAA;AAAA,IAAC,GAAA;AAAA,IAAGA,gBAAA,CAAA,EAAA,EAAK,KAAK,CAAA;AAAA,IACZ,KAAA,CAAA,cAAA,MAAA,EAAA,EACE,MAAK,cACL,EAAA,CAAA,EAAE,iIAA+H,CAAA;AAAA,GACjI,CAAA;AALyE;;;;;;;;;","x_google_ignoreList":[0]}
|
|
@@ -3,6 +3,7 @@ import { FilterAttributes, FilterState, Filters, FiltersValues } from "../types"
|
|
|
3
3
|
import { ActiveFiltersArray } from "./types";
|
|
4
4
|
export type FilterBarContextValue<Value, ValuesMap extends FiltersValues = Record<string, Value>> = {
|
|
5
5
|
getFilterState: <Id extends keyof ValuesMap>(id: Id) => FilterState<keyof ValuesMap, ValuesMap[Id]>;
|
|
6
|
+
getActiveFilterValues: () => Partial<ValuesMap>;
|
|
6
7
|
toggleOpenFilter: <Id extends keyof ValuesMap>(id: Id, isOpen: boolean) => void;
|
|
7
8
|
updateValue: <Id extends keyof ValuesMap>(id: Id, value: ValuesMap[Id]) => void;
|
|
8
9
|
showFilter: <Id extends keyof ValuesMap>(id: Id) => void;
|
|
@@ -1,2 +1,18 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
type DateFieldActions = {
|
|
2
|
+
type: "update_selected_date";
|
|
3
|
+
date: Date | undefined;
|
|
4
|
+
inputValue?: string;
|
|
5
|
+
} | {
|
|
6
|
+
type: "navigate_months";
|
|
7
|
+
date: Date | undefined;
|
|
8
|
+
} | {
|
|
9
|
+
type: "update_input_field";
|
|
10
|
+
inputValue: string;
|
|
11
|
+
};
|
|
12
|
+
type FilterDatePickerState = {
|
|
13
|
+
selectedDate: Date | undefined;
|
|
14
|
+
inputValue: string;
|
|
15
|
+
startMonth: Date;
|
|
16
|
+
};
|
|
17
|
+
export declare const filterDatePickerFieldReducer: (state: FilterDatePickerState, action: DateFieldActions) => FilterDatePickerState;
|
|
18
|
+
export {};
|
|
@@ -13,24 +13,3 @@ export type ValidationMessage = {
|
|
|
13
13
|
status: FieldMessageStatus;
|
|
14
14
|
message: string | React.ReactElement;
|
|
15
15
|
};
|
|
16
|
-
export type Actions = {
|
|
17
|
-
type: "update_selected_date";
|
|
18
|
-
date: Date | undefined;
|
|
19
|
-
inputValue?: string;
|
|
20
|
-
} | {
|
|
21
|
-
type: "navigate_months";
|
|
22
|
-
date: Date | undefined;
|
|
23
|
-
} | {
|
|
24
|
-
type: "update_input_field";
|
|
25
|
-
inputValue: string;
|
|
26
|
-
};
|
|
27
|
-
export type FilterDatePickerState = {
|
|
28
|
-
selectedDate: Date | undefined;
|
|
29
|
-
inputValue: string;
|
|
30
|
-
startMonth: Date;
|
|
31
|
-
};
|
|
32
|
-
export type SetupFilterDatePickerState = {
|
|
33
|
-
selectedDate: Date | undefined;
|
|
34
|
-
defaultMonth?: Date;
|
|
35
|
-
inputValue?: string;
|
|
36
|
-
};
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
type DateRangeFieldActions = {
|
|
2
|
+
type: "update_selected_start_date";
|
|
3
|
+
date: Date | undefined;
|
|
4
|
+
inputValue?: string;
|
|
5
|
+
} | {
|
|
6
|
+
type: "update_selected_end_date";
|
|
7
|
+
date: Date | undefined;
|
|
8
|
+
inputValue?: string;
|
|
9
|
+
} | {
|
|
10
|
+
type: "navigate_months";
|
|
11
|
+
date: Date | undefined;
|
|
12
|
+
} | {
|
|
13
|
+
type: "update_input_start_field";
|
|
14
|
+
inputValue: string;
|
|
15
|
+
} | {
|
|
16
|
+
type: "update_input_end_field";
|
|
17
|
+
inputValue: string;
|
|
18
|
+
};
|
|
19
|
+
type FilterDateRangePickerState = {
|
|
20
|
+
selectedStartDate: Date | undefined;
|
|
21
|
+
selectedEndDate: Date | undefined;
|
|
22
|
+
inputStartValue: string;
|
|
23
|
+
inputEndValue: string;
|
|
24
|
+
startMonth: Date;
|
|
25
|
+
};
|
|
26
|
+
export declare const filterDatePickerFieldReducer: (state: FilterDateRangePickerState, action: DateRangeFieldActions) => FilterDateRangePickerState;
|
|
27
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const isValidRange: (startDate: Date | undefined, endDate: Date | undefined) => boolean;
|
package/dist/cjs/future.js
CHANGED
package/dist/cjs/index.css
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
.Main-module_main__hMyB1{z-index:0}
|
|
2
1
|
.Wrapper-module_wrapper__89WmC{background:var(--color-gray-100,#f9f9f9);display:grid;grid-template-rows:min-content 1fr min-content;min-height:100vh;position:relative}
|
|
3
|
-
.
|
|
4
|
-
.Branding-module_branding__4h-rD{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__4h-rD{justify-content:unset}}.Branding-module_logo__vqqec{flex-basis:7.5rem}
|
|
2
|
+
.Main-module_main__hMyB1{z-index:0}
|
|
5
3
|
.FooterActions-module_footerAction__v7eL-{display:flex;flex-basis:auto;flex-grow:1}.FooterActions-module_footerActionPrevious__2XByZ{grid-area:"prev";justify-content:start}.FooterActions-module_footerActionNext__IKRta{grid-area:"next";justify-content:end}
|
|
6
|
-
.Root-module_root__7DVw5{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template:"branding" min-content "titles" max-content "actions" min-content/1fr;justify-content:center;padding:var(--spacing-24,1.5rem);text-align:center}@media (min-width:768px){.Root-module_root__7DVw5{align-items:start;grid-template:"branding titles actions" min-content/1fr max-content 1fr;position:sticky;top:0;z-index:1}}
|
|
7
|
-
.Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
|
|
8
4
|
.FooterRoot-module_footerRoot__N-6nQ{align-items:center;background:var(--color-blue-500,#0168b3);display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template-areas:"prev stepper next";grid-template-columns:1fr 2fr 1fr;justify-content:center;padding:var(--spacing-24,1.5rem) var(--spacing-12,.75rem)}@media (min-width:768px){.FooterRoot-module_footerRoot__N-6nQ{bottom:0;grid-template-columns:1fr 5fr 1fr;padding:var(--spacing-24,1.5rem) var(--spacing-32,2rem);position:sticky;z-index:1}}
|
|
5
|
+
.Titles-module_titles__JYwU0{align-items:center;flex-grow:1;grid-area:titles;justify-content:center}.Titles-module_pageTitle__YDp9S,.Titles-module_titles__JYwU0{display:flex;flex-direction:column}.Titles-module_prefix__40x8n{margin-bottom:var(--spacing-4,.25rem)}.Titles-module_status__huuP7{margin-top:var(--spacing-8,.5rem)}
|
|
6
|
+
.Actions-module_actions__Prrp0{align-items:center;display:flex;flex-direction:column;flex-grow:1;grid-area:actions;justify-content:center}@media (min-width:768px){.Actions-module_actions__Prrp0{align-items:flex-start;flex-direction:row;justify-content:flex-end;margin-top:calc(var(--spacing-12, .75rem)*-1)}}
|
|
7
|
+
.Branding-module_branding__4h-rD{display:flex;flex-grow:1;grid-area:branding;justify-content:center;padding-top:var(--spacing-4,.25rem)}@media (min-width:768px){.Branding-module_branding__4h-rD{justify-content:unset}}.Branding-module_logo__vqqec{flex-basis:7.5rem}
|
|
9
8
|
.ProgressStepper-module_stepsContainer__WMxXN{grid-area:stepper;width:100%}.ProgressStepper-module_stepList__b1wWX{align-items:flex-end;display:none;justify-content:center;list-style:none;margin:0;padding:0}@media (min-width:768px){.ProgressStepper-module_stepList__b1wWX{display:flex}}.ProgressStepper-module_step__-Ep19{container:step/inline-size;display:flex;flex-basis:100%;flex-grow:1;justify-content:center;max-width:var(--spacing-96,6rem);overflow-wrap:break-word;position:relative}.ProgressStepper-module_stepContent__B4uFS{align-items:center;display:flex;flex-direction:column}.ProgressStepper-module_stepIndicator__-qEWT{height:1.25rem;position:relative;width:1.25rem}.ProgressStepper-module_stepName__hS4lp{display:none;font-weight:var(--typography-paragraph-bold-font-weight,600);margin-bottom:var(--spacing-12,.75rem);text-align:center}.ProgressStepper-module_stepIcon__0Kh4y{color:var(--color-white,#fff);height:1.25rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.25rem}.ProgressStepper-module_stepDivider__KEZPU{border:var(--spacing-1,.0625rem) solid var(--color-white,#fff);border-radius:var(--border-solid-border-radius,7px);display:flex;flex-grow:1;height:0;left:100%;margin:0;min-width:calc(100% - var(--spacing-24, 1.5rem));position:absolute;top:calc(100% - .625rem);transform:translateX(-50%)}[dir=rtl] .ProgressStepper-module_stepDivider__KEZPU{left:unset;right:100%;transform:translateX(50%)}.ProgressStepper-module_stepperDescription__B00hX{display:flex;justify-content:center}@media (min-width:768px){.ProgressStepper-module_stepperDescription__B00hX{height:0;overflow:hidden;position:absolute;width:0}}@container step (min-width: 4.5rem){.ProgressStepper-module_stepName__hS4lp{display:inline}}
|
|
9
|
+
.Root-module_root__7DVw5{align-items:center;background-color:var(--color-white,#fff);box-shadow:var(--shadow-small-box-shadow,0 3px 16px rgba(0,0,0,.06),0 1px 3px rgba(0,0,0,.1));display:grid;flex-grow:1;gap:var(--spacing-16,1rem);grid-template:"branding" min-content "titles" max-content "actions" min-content/1fr;justify-content:center;padding:var(--spacing-24,1.5rem);text-align:center}@media (min-width:768px){.Root-module_root__7DVw5{align-items:start;grid-template:"branding titles actions" min-content/1fr max-content 1fr;position:sticky;top:0;z-index:1}}
|
|
10
10
|
.GenericButton-module_button__6UapT{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid);border-radius:var(--border-solid-border-radius,7px);box-sizing:border-box;color:inherit;cursor:pointer;display:inline;display:inline-flex;font:inherit;font-family:var(--typography-button-primary-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-button-primary-font-size,1.125rem);font-weight:var(--typography-button-primary-font-weight,700);letter-spacing:var(--typography-button-primary-letter-spacing,normal);line-height:var(--typography-button-primary-line-height,1.5rem);margin:0;min-height:var(--spacing-xl,3rem);overflow:visible;padding:0;position:relative;text-align:left}[href].GenericButton-module_button__6UapT{text-decoration:none}.GenericButton-module_button__6UapT:not(:disabled).story__button-active,.GenericButton-module_button__6UapT:not(:disabled):active{transform:translateY(1px)}.GenericButton-module_button__6UapT:not(:disabled):focus{outline:none}.GenericButton-module_button__6UapT:not(:disabled).story__button-focus:after,.GenericButton-module_button__6UapT:not(:disabled):focus-visible:after{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:var(--border-focus-ring-border-radius,10px);border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);content:"";inset:calc(var(--border-focus-ring-border-width, 2px)*2*-1 + -1px);position:absolute}.GenericButton-module_reversed__sRTZQ.GenericButton-module_button__6UapT:not(:disabled).story__button-focus:after,.GenericButton-module_reversed__sRTZQ.GenericButton-module_button__6UapT:not(:disabled):focus-visible:after{border-color:var(--color-blue-300,#73c0e8)}.GenericButton-module_button__6UapT:disabled,.GenericButton-module_working__gROAQ.GenericButton-module_button__6UapT{opacity:30%;pointer-events:none}.GenericButton-module_button__6UapT .GenericButton-module_content__h36L5{align-items:center;display:flex;height:100%;padding:calc(var(--spacing-sm, .75rem) - var(--border-solid-border-width, 2px)) calc(var(--spacing-md, 1.5rem) - var(--border-solid-border-width, 2px))}.GenericButton-module_default__yF6Jf{background-color:var(--color-white,#fff);border-color:var(--color-gray-500,#8c8c97);color:var(--color-purple-800,#2f2438)}.GenericButton-module_default__yF6Jf:not(:disabled).story__button-active,.GenericButton-module_default__yF6Jf:not(:disabled).story__button-focus,.GenericButton-module_default__yF6Jf:not(:disabled).story__button-hover,.GenericButton-module_default__yF6Jf:not(:disabled):active,.GenericButton-module_default__yF6Jf:not(:disabled):focus-visible,.GenericButton-module_default__yF6Jf:not(:disabled):hover{background-color:var(--color-gray-200,#f4f4f5);border-color:var(--color-gray-600,#524e56)}.GenericButton-module_reversed__sRTZQ.GenericButton-module_default__yF6Jf{background-color:transparent;border-color:rgba(var(--color-white-rgb,255,255,255),.65);color:var(--color-white,#fff)}.GenericButton-module_reversed__sRTZQ.GenericButton-module_default__yF6Jf:not(:disabled).story__button-active,.GenericButton-module_reversed__sRTZQ.GenericButton-module_default__yF6Jf:not(:disabled).story__button-focus,.GenericButton-module_reversed__sRTZQ.GenericButton-module_default__yF6Jf:not(:disabled).story__button-hover,.GenericButton-module_reversed__sRTZQ.GenericButton-module_default__yF6Jf:not(:disabled):active,.GenericButton-module_reversed__sRTZQ.GenericButton-module_default__yF6Jf:not(:disabled):focus-visible,.GenericButton-module_reversed__sRTZQ.GenericButton-module_default__yF6Jf:not(:disabled):hover{background-color:rgba(var(--color-white-rgb,255,255,255),.1);border-color:var(--color-white,#fff)}.GenericButton-module_primary__CSbSO{background-color:var(--color-blue-500,#0168b3);border-color:var(--border-borderless-border-color,transparent);color:var(--color-white,#fff)}.GenericButton-module_primary__CSbSO:not(:disabled).story__button-active,.GenericButton-module_primary__CSbSO:not(:disabled).story__button-focus,.GenericButton-module_primary__CSbSO:not(:disabled).story__button-hover,.GenericButton-module_primary__CSbSO:not(:disabled):active,.GenericButton-module_primary__CSbSO:not(:disabled):focus-visible,.GenericButton-module_primary__CSbSO:not(:disabled):hover{background-color:var(--color-blue-600,#004970);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_reversed__sRTZQ.GenericButton-module_primary__CSbSO{background-color:var(--color-green-300,#8fdbc7);border-color:var(--border-borderless-border-color,transparent);color:var(--color-purple-800,#2f2438)}.GenericButton-module_reversed__sRTZQ.GenericButton-module_primary__CSbSO:not(:disabled).story__button-active,.GenericButton-module_reversed__sRTZQ.GenericButton-module_primary__CSbSO:not(:disabled).story__button-focus,.GenericButton-module_reversed__sRTZQ.GenericButton-module_primary__CSbSO:not(:disabled).story__button-hover,.GenericButton-module_reversed__sRTZQ.GenericButton-module_primary__CSbSO:not(:disabled):active,.GenericButton-module_reversed__sRTZQ.GenericButton-module_primary__CSbSO:not(:disabled):focus-visible,.GenericButton-module_reversed__sRTZQ.GenericButton-module_primary__CSbSO:not(:disabled):hover{background-color:var(--color-green-400,#5dcbad);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_destructive__Y8pS7{background-color:var(--color-red-500,#c93b55);border-color:var(--border-borderless-border-color,transparent);color:var(--color-white,#fff)}.GenericButton-module_destructive__Y8pS7:not(:disabled).story__button-active,.GenericButton-module_destructive__Y8pS7:not(:disabled).story__button-focus,.GenericButton-module_destructive__Y8pS7:not(:disabled).story__button-hover,.GenericButton-module_destructive__Y8pS7:not(:disabled):active,.GenericButton-module_destructive__Y8pS7:not(:disabled):focus-visible,.GenericButton-module_destructive__Y8pS7:not(:disabled):hover{background-color:var(--color-red-600,#a82433);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_reversed__sRTZQ.GenericButton-module_destructive__Y8pS7{background-color:var(--color-red-300,#f597a8);border-color:var(--border-borderless-border-color,transparent);color:var(--color-purple-800,#2f2438)}.GenericButton-module_reversed__sRTZQ.GenericButton-module_destructive__Y8pS7:not(:disabled).story__button-active,.GenericButton-module_reversed__sRTZQ.GenericButton-module_destructive__Y8pS7:not(:disabled).story__button-focus,.GenericButton-module_reversed__sRTZQ.GenericButton-module_destructive__Y8pS7:not(:disabled).story__button-hover,.GenericButton-module_reversed__sRTZQ.GenericButton-module_destructive__Y8pS7:not(:disabled):active,.GenericButton-module_reversed__sRTZQ.GenericButton-module_destructive__Y8pS7:not(:disabled):focus-visible,.GenericButton-module_reversed__sRTZQ.GenericButton-module_destructive__Y8pS7:not(:disabled):hover{background-color:var(--color-red-400,#e0707d);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_secondary__nZsK3{background-color:transparent;border-color:var(--border-borderless-border-color,transparent);color:var(--color-blue-500,#0168b3);font-family:var(--typography-button-secondary-font-family,"Inter","Noto Sans",Helvetica,Arial,sans-serif);font-size:var(--typography-button-secondary-font-size,1rem);font-weight:var(--typography-button-secondary-font-weight,500);letter-spacing:var(--typography-button-secondary-letter-spacing,normal);line-height:var(--typography-button-secondary-line-height,1.5rem)}.GenericButton-module_secondary__nZsK3:not(:disabled).story__button-active,.GenericButton-module_secondary__nZsK3:not(:disabled).story__button-focus,.GenericButton-module_secondary__nZsK3:not(:disabled).story__button-hover,.GenericButton-module_secondary__nZsK3:not(:disabled):active,.GenericButton-module_secondary__nZsK3:not(:disabled):focus-visible,.GenericButton-module_secondary__nZsK3:not(:disabled):hover{background-color:var(--color-blue-100,#e6f6ff);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_secondary__nZsK3 .GenericButton-module_content__h36L5{padding-left:calc(var(--spacing-sm, .75rem) - var(--border-solid-border-width, 2px));padding-right:calc(var(--spacing-sm, .75rem) - var(--border-solid-border-width, 2px))}.GenericButton-module_reversed__sRTZQ.GenericButton-module_secondary__nZsK3{border-color:var(--border-borderless-border-color,transparent);color:var(--color-white,#fff)}.GenericButton-module_reversed__sRTZQ.GenericButton-module_secondary__nZsK3:not(:disabled).story__button-active,.GenericButton-module_reversed__sRTZQ.GenericButton-module_secondary__nZsK3:not(:disabled).story__button-focus,.GenericButton-module_reversed__sRTZQ.GenericButton-module_secondary__nZsK3:not(:disabled).story__button-hover,.GenericButton-module_reversed__sRTZQ.GenericButton-module_secondary__nZsK3:not(:disabled):active,.GenericButton-module_reversed__sRTZQ.GenericButton-module_secondary__nZsK3:not(:disabled):focus-visible,.GenericButton-module_reversed__sRTZQ.GenericButton-module_secondary__nZsK3:not(:disabled):hover{background-color:rgba(var(--color-white-rgb,255,255,255),.2);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_secondary__nZsK3.GenericButton-module_destructive__Y8pS7{color:var(--color-red-600,#a82433)}.GenericButton-module_secondary__nZsK3.GenericButton-module_destructive__Y8pS7:not(:disabled).story__button-active,.GenericButton-module_secondary__nZsK3.GenericButton-module_destructive__Y8pS7:not(:disabled).story__button-focus,.GenericButton-module_secondary__nZsK3.GenericButton-module_destructive__Y8pS7:not(:disabled).story__button-hover,.GenericButton-module_secondary__nZsK3.GenericButton-module_destructive__Y8pS7:not(:disabled):active,.GenericButton-module_secondary__nZsK3.GenericButton-module_destructive__Y8pS7:not(:disabled):focus-visible,.GenericButton-module_secondary__nZsK3.GenericButton-module_destructive__Y8pS7:not(:disabled):hover{background-color:var(--color-red-100,#fdeaee);border-color:var(--border-borderless-border-color,transparent)}.GenericButton-module_small__IcZLk{min-height:calc(var(--spacing-md, 1.5rem)*5/3)}.GenericButton-module_small__IcZLk .GenericButton-module_content__h36L5{padding-bottom:calc(var(--spacing-md, 1.5rem)/3 - var(--border-solid-border-width, 2px));padding-top:calc(var(--spacing-md, 1.5rem)/3 - var(--border-solid-border-width, 2px))}.GenericButton-module_container__e4NCq{display:inline-block}.GenericButton-module_label__-ejZ4{line-height:1}.GenericButton-module_label__-ejZ4:not(:first-child){margin-left:.5em}.GenericButton-module_label__-ejZ4:not(:first-child)[dir=rtl],.GenericButton-module_label__-ejZ4:not(:last-child),[dir=rtl] .GenericButton-module_label__-ejZ4:not(:first-child){margin-right:.5em}.GenericButton-module_label__-ejZ4:not(:last-child)[dir=rtl],[dir=rtl] .GenericButton-module_label__-ejZ4:not(:last-child){margin-left:.5em}.GenericButton-module_fullWidth__X-uKZ{width:100%}.GenericButton-module_fullWidth__X-uKZ .GenericButton-module_button__6UapT{display:flex;justify-content:center;width:100%}.GenericButton-module_fullWidth__X-uKZ .GenericButton-module_content__h36L5{justify-content:center}.GenericButton-module_iconWrapper__U5NdE{align-self:flex-start;height:20px}.GenericButton-module_additionalContentWrapper__N1-lS{display:inherit}.GenericButton-module_additionalContentWrapper__N1-lS:not(:last-child){margin-right:.5em}.GenericButton-module_additionalContentWrapper__N1-lS:not(:last-child)[dir=rtl],[dir=rtl] .GenericButton-module_additionalContentWrapper__N1-lS:not(:last-child){margin-left:.5em}.GenericButton-module_loadingSpinner__1iVkw svg{height:100%}.GenericButton-module_centeredLoadingSpinner__zsCEe{display:flex;justify-content:center;left:0;position:absolute;right:0}.GenericButton-module_hidden__Bz0T6{visibility:hidden}
|
|
11
11
|
.SVG-module_icon__FE6iP{display:inline-block;height:20px;width:20px}.SVG-module_icon__FE6iP>use{pointer-events:none}.SVG-module_inheritSize__wiKMe{display:block;height:inherit;width:inherit}@media screen and (-ms-high-contrast:active){.SVG-module_icon__FE6iP{color:#000}}@media screen and (-ms-high-contrast:white-on-black){.SVG-module_icon__FE6iP{color:#fff}}@media screen and (-ms-high-contrast:black-on-white){.SVG-module_icon__FE6iP{color:#000}}.SVG-module_interactiveIconWrapper__ACcob{cursor:pointer}.SVG-module_interactiveIconWrapper__ACcob .SVG-module_icon__FE6iP{opacity:70%;transition:var(--animation-duration-fast,.3s) opacity}.SVG-module_interactiveIconWrapper__ACcob.SVG-module_disabled__WB5BU .SVG-module_icon__FE6iP,.SVG-module_interactiveIconWrapper__ACcob:disabled .SVG-module_icon__FE6iP{opacity:30%}.SVG-module_interactiveIconWrapper__ACcob:not(:disabled,.SVG-module_disabled__WB5BU).SVG-module_active__R9jic .SVG-module_icon__FE6iP,.SVG-module_interactiveIconWrapper__ACcob:not(:disabled,.SVG-module_disabled__WB5BU).SVG-module_hover__QivVO .SVG-module_icon__FE6iP,.SVG-module_interactiveIconWrapper__ACcob:not(:disabled,.SVG-module_disabled__WB5BU):active .SVG-module_icon__FE6iP,.SVG-module_interactiveIconWrapper__ACcob:not(:disabled,.SVG-module_disabled__WB5BU):focus .SVG-module_icon__FE6iP,.SVG-module_interactiveIconWrapper__ACcob:not(:disabled,.SVG-module_disabled__WB5BU):hover .SVG-module_icon__FE6iP{opacity:100%}.SVG-module_reversedInteractiveIconWrapper__hTsnf .SVG-module_icon__FE6iP{opacity:100%}.SVG-module_reversedInteractiveIconWrapper__hTsnf:not(:disabled,.SVG-module_disabled__WB5BU).SVG-module_active__R9jic .SVG-module_icon__FE6iP,.SVG-module_reversedInteractiveIconWrapper__hTsnf:not(:disabled,.SVG-module_disabled__WB5BU):active .SVG-module_icon__FE6iP{opacity:50%}
|
|
12
12
|
.ClearButton-module_clearButton__CSOIc{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:inherit;display:inline;display:inline-flex;font:inherit;margin:0;padding:0;position:relative}.ClearButton-module_clearButton__CSOIc.story__clear-button-hover,.ClearButton-module_clearButton__CSOIc:hover{cursor:pointer}.ClearButton-module_clearButton__CSOIc:focus{outline:none}.ClearButton-module_clearButton__CSOIc.story__clear-button-focus:after,.ClearButton-module_clearButton__CSOIc:focus-visible:after{background:transparent;border-radius:50%;border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);content:"";inset:-1px;position:absolute}.ClearButton-module_default__lBJxw{color:var(--color-gray-500,#8c8c97)}.ClearButton-module_default__lBJxw.story__clear-button-focus,.ClearButton-module_default__lBJxw.story__clear-button-hover,.ClearButton-module_default__lBJxw:focus-visible,.ClearButton-module_default__lBJxw:hover{color:var(--color-purple-800,#2f2438)}.ClearButton-module_default__lBJxw.story__clear-button-focus:after,.ClearButton-module_default__lBJxw:focus-visible:after{border-color:var(--color-blue-500,#0168b3)}.ClearButton-module_reversed__0I2DC{color:rgba(var(--color-white-rgb,255,255,255),.8)}.ClearButton-module_reversed__0I2DC.story__clear-button-focus,.ClearButton-module_reversed__0I2DC.story__clear-button-hover,.ClearButton-module_reversed__0I2DC:focus-visible,.ClearButton-module_reversed__0I2DC:hover{color:var(--color-white,#fff)}.ClearButton-module_reversed__0I2DC.story__clear-button-focus:after,.ClearButton-module_reversed__0I2DC:focus-visible:after{border-color:var(--color-blue-300,#73c0e8)}
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var SuccessIcon = require('./SuccessIcon-
|
|
3
|
+
var SuccessIcon = require('./SuccessIcon-502d508a.js');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var classnames = require('classnames');
|
|
6
6
|
var draftBadge = require('@kaizen/draft-badge');
|
|
@@ -450,6 +450,9 @@ var FilterBarProvider = function(_a) {
|
|
|
450
450
|
getFilterState: function(id) {
|
|
451
451
|
return SuccessIcon.__assign(SuccessIcon.__assign({}, state.filters[id]), { isActive: state.activeFilterIds.has(id), value: values[id] });
|
|
452
452
|
},
|
|
453
|
+
getActiveFilterValues: function() {
|
|
454
|
+
return values;
|
|
455
|
+
},
|
|
453
456
|
toggleOpenFilter: function(id, isOpen) {
|
|
454
457
|
dispatch({ type: "update_single_filter", id, data: { isOpen } });
|
|
455
458
|
},
|
|
@@ -570,7 +573,7 @@ var DateInputField = React.forwardRef(function(_a, ref) {
|
|
|
570
573
|
});
|
|
571
574
|
DateInputField.displayName = "DateInputField";
|
|
572
575
|
|
|
573
|
-
var filterDatePickerFieldReducer = function(state, action) {
|
|
576
|
+
var filterDatePickerFieldReducer$1 = function(state, action) {
|
|
574
577
|
switch (action.type) {
|
|
575
578
|
case "update_selected_date":
|
|
576
579
|
return SuccessIcon.__assign(SuccessIcon.__assign({}, state), { selectedDate: action.date, inputValue: action.inputValue === void 0 ? state.inputValue : action.inputValue, startMonth: action.date && !datePicker.isInvalidDate(action.date) ? action.date : /* @__PURE__ */ new Date() });
|
|
@@ -599,7 +602,7 @@ var FilterDatePickerField = function(_a) {
|
|
|
599
602
|
dateValidation.updateValidation(validationResponse);
|
|
600
603
|
return newDate;
|
|
601
604
|
};
|
|
602
|
-
var _b = React.useReducer(filterDatePickerFieldReducer, {
|
|
605
|
+
var _b = React.useReducer(filterDatePickerFieldReducer$1, {
|
|
603
606
|
selectedDate,
|
|
604
607
|
inputValue: transformDateToInputValue(selectedDate, disabledDays, locale) || "",
|
|
605
608
|
startMonth: selectedDate && !datePicker.isInvalidDate(selectedDate) ? selectedDate : defaultMonth || /* @__PURE__ */ new Date()
|
|
@@ -947,6 +950,27 @@ var DateRangeInputField = React.forwardRef(function(_a, ref) {
|
|
|
947
950
|
});
|
|
948
951
|
DateRangeInputField.displayName = "DateRangeInputField";
|
|
949
952
|
|
|
953
|
+
var filterDatePickerFieldReducer = function(state, action) {
|
|
954
|
+
switch (action.type) {
|
|
955
|
+
case "update_selected_start_date":
|
|
956
|
+
return SuccessIcon.__assign(SuccessIcon.__assign({}, state), { selectedStartDate: action.date, inputStartValue: action.inputValue === void 0 ? state.inputStartValue : action.inputValue, startMonth: action.date && !datePicker.isInvalidDate(action.date) ? action.date : /* @__PURE__ */ new Date() });
|
|
957
|
+
case "update_selected_end_date":
|
|
958
|
+
return SuccessIcon.__assign(SuccessIcon.__assign({}, state), { selectedEndDate: action.date, inputEndValue: action.inputValue === void 0 ? state.inputEndValue : action.inputValue });
|
|
959
|
+
case "navigate_months":
|
|
960
|
+
return SuccessIcon.__assign(SuccessIcon.__assign({}, state), { startMonth: action.date && !datePicker.isInvalidDate(action.date) ? action.date : /* @__PURE__ */ new Date() });
|
|
961
|
+
case "update_input_start_field":
|
|
962
|
+
return SuccessIcon.__assign(SuccessIcon.__assign({}, state), { inputStartValue: action.inputValue });
|
|
963
|
+
case "update_input_end_field":
|
|
964
|
+
return SuccessIcon.__assign(SuccessIcon.__assign({}, state), { inputEndValue: action.inputValue });
|
|
965
|
+
}
|
|
966
|
+
};
|
|
967
|
+
|
|
968
|
+
var isValidRange = function(startDate, endDate) {
|
|
969
|
+
if (startDate && endDate)
|
|
970
|
+
return startDate <= endDate;
|
|
971
|
+
return false;
|
|
972
|
+
};
|
|
973
|
+
|
|
950
974
|
var validateEndDateBeforeStartDate = function(_a) {
|
|
951
975
|
var startDate = _a.startDate, startDateFieldLabel = _a.startDateFieldLabel, endDate = _a.endDate, endDateInputValue = _a.endDateInputValue;
|
|
952
976
|
var baseResponse = {
|
|
@@ -958,13 +982,13 @@ var validateEndDateBeforeStartDate = function(_a) {
|
|
|
958
982
|
isEmpty: false,
|
|
959
983
|
isValidDate: true
|
|
960
984
|
};
|
|
961
|
-
if (endDate
|
|
985
|
+
if (!isValidRange(startDate, endDate)) {
|
|
962
986
|
return {
|
|
963
987
|
validationResponse: SuccessIcon.__assign(SuccessIcon.__assign({}, baseResponse), { validationMessage: {
|
|
964
988
|
status: "error",
|
|
965
989
|
message: 'Cannot be earlier than the selection in "'.concat(getNodeText(startDateFieldLabel), '"')
|
|
966
990
|
} }),
|
|
967
|
-
newDate:
|
|
991
|
+
newDate: endDate
|
|
968
992
|
};
|
|
969
993
|
}
|
|
970
994
|
return {
|
|
@@ -1041,13 +1065,6 @@ var FilterDateRangePickerField = function(_a) {
|
|
|
1041
1065
|
var transformDateToInputValue = function(date) {
|
|
1042
1066
|
return date ? formatDateAsText.formatDateAsText(date, disabledDays, locale) : "";
|
|
1043
1067
|
};
|
|
1044
|
-
var rangeStart = selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from;
|
|
1045
|
-
var rangeEnd = selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to;
|
|
1046
|
-
var transformedStartDate = transformDateToInputValue(rangeStart);
|
|
1047
|
-
var transformedEndDate = transformDateToInputValue(rangeEnd);
|
|
1048
|
-
var _b = React.useState(rangeStart && !isInvalidDate.isInvalidDate(rangeStart) ? rangeStart : defaultMonth || /* @__PURE__ */ new Date()), startMonth = _b[0], setStartMonth = _b[1];
|
|
1049
|
-
var _c = React.useState(transformedStartDate), inputStartDateValue = _c[0], setInputStartDateValue = _c[1];
|
|
1050
|
-
var _d = React.useState(transformedEndDate), inputEndDateValue = _d[0], setInputEndDateValue = _d[1];
|
|
1051
1068
|
var handleDateRangeChange = function(dateRange) {
|
|
1052
1069
|
onRangeChange(dateRange);
|
|
1053
1070
|
};
|
|
@@ -1057,67 +1074,122 @@ var FilterDateRangePickerField = function(_a) {
|
|
|
1057
1074
|
validationMessage: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateStart,
|
|
1058
1075
|
onValidate: onValidate === null || onValidate === void 0 ? void 0 : onValidate.dateStart
|
|
1059
1076
|
});
|
|
1060
|
-
var validateStartDate = function(date) {
|
|
1061
|
-
return dateStartValidation.validateDate({
|
|
1062
|
-
date,
|
|
1063
|
-
inputValue: inputStartDateValue
|
|
1064
|
-
});
|
|
1065
|
-
};
|
|
1066
1077
|
var dateEndValidation = useEndDateValidation({
|
|
1067
1078
|
inputLabel: inputEndDateLabel,
|
|
1068
1079
|
disabledDays,
|
|
1069
1080
|
validationMessage: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.dateEnd,
|
|
1070
1081
|
onValidate: onValidate === null || onValidate === void 0 ? void 0 : onValidate.dateEnd
|
|
1071
1082
|
});
|
|
1072
|
-
var
|
|
1083
|
+
var validateStartDate = function(date, inputValue) {
|
|
1084
|
+
return dateStartValidation.validateDate({
|
|
1085
|
+
date,
|
|
1086
|
+
inputValue
|
|
1087
|
+
});
|
|
1088
|
+
};
|
|
1089
|
+
var validateEndDate = function(date, inputValue) {
|
|
1073
1090
|
return dateEndValidation.validateDate({
|
|
1074
1091
|
endDate: date,
|
|
1075
|
-
endDateInputValue:
|
|
1092
|
+
endDateInputValue: inputValue,
|
|
1076
1093
|
startDate: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from,
|
|
1077
1094
|
startDateFieldLabel: inputStartDateLabel
|
|
1078
1095
|
});
|
|
1079
1096
|
};
|
|
1080
|
-
var
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
|
|
1084
|
-
|
|
1097
|
+
var _b = React.useReducer(filterDatePickerFieldReducer, {
|
|
1098
|
+
selectedStartDate: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from,
|
|
1099
|
+
selectedEndDate: selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to,
|
|
1100
|
+
inputStartValue: transformDateToInputValue(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from),
|
|
1101
|
+
inputEndValue: transformDateToInputValue(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to),
|
|
1102
|
+
startMonth: (selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from) && !isInvalidDate.isInvalidDate(selectedRange.from) ? selectedRange.from : defaultMonth || /* @__PURE__ */ new Date()
|
|
1103
|
+
}), state = _b[0], dispatch = _b[1];
|
|
1104
|
+
var inputStartDateHandlers = useDateInputHandlers.useDateInputHandlers(SuccessIcon.__assign({ locale, disabledDays, setInputValue: function(value) {
|
|
1105
|
+
dispatch({
|
|
1106
|
+
type: "update_input_start_field",
|
|
1107
|
+
inputValue: value
|
|
1108
|
+
});
|
|
1109
|
+
}, onDateChange: function(date) {
|
|
1110
|
+
var newDate = validateStartDate(date, state.inputStartValue);
|
|
1111
|
+
var endDate = parseDateFromTextFormatValue.parseDateFromTextFormatValue(state.inputEndValue, locale);
|
|
1112
|
+
var isRangeValid = isValidRange(newDate, endDate);
|
|
1113
|
+
dispatch({
|
|
1114
|
+
type: "update_selected_start_date",
|
|
1115
|
+
date: newDate
|
|
1116
|
+
});
|
|
1117
|
+
dispatch({
|
|
1118
|
+
type: "update_selected_end_date",
|
|
1119
|
+
date: isRangeValid ? endDate : void 0
|
|
1120
|
+
});
|
|
1121
|
+
handleDateRangeChange({
|
|
1122
|
+
from: newDate,
|
|
1123
|
+
to: isRangeValid ? endDate : void 0
|
|
1124
|
+
});
|
|
1125
|
+
if (newDate && endDate && !isInvalidDate.isInvalidDate(endDate)) {
|
|
1126
|
+
dateEndValidation.validateEndDateBeforeStartDate({
|
|
1085
1127
|
startDate: newDate,
|
|
1086
1128
|
startDateFieldLabel: inputStartDateLabel,
|
|
1087
1129
|
endDate,
|
|
1088
|
-
endDateInputValue:
|
|
1130
|
+
endDateInputValue: state.inputEndValue
|
|
1089
1131
|
});
|
|
1090
|
-
handleDateRangeChange({ from: newDate, to: newEndDate });
|
|
1091
|
-
} else {
|
|
1092
|
-
handleDateRangeChange({ from: newDate, to: rangeEnd });
|
|
1093
1132
|
}
|
|
1094
|
-
if (newDate)
|
|
1095
|
-
setStartMonth(newDate);
|
|
1096
1133
|
} }, inputStartDateProps));
|
|
1097
|
-
var inputEndDateHandlers = useDateInputHandlers.useDateInputHandlers(SuccessIcon.__assign({ locale, disabledDays, setInputValue:
|
|
1098
|
-
|
|
1099
|
-
|
|
1134
|
+
var inputEndDateHandlers = useDateInputHandlers.useDateInputHandlers(SuccessIcon.__assign({ locale, disabledDays, setInputValue: function(value) {
|
|
1135
|
+
dispatch({
|
|
1136
|
+
type: "update_input_end_field",
|
|
1137
|
+
inputValue: value
|
|
1138
|
+
});
|
|
1139
|
+
}, onDateChange: function(date) {
|
|
1140
|
+
var startDate = state.selectedStartDate;
|
|
1141
|
+
var newEndDate = validateEndDate(date, state.inputEndValue);
|
|
1142
|
+
var isRangeValid = isValidRange(startDate, newEndDate);
|
|
1143
|
+
dispatch({
|
|
1144
|
+
type: "update_selected_end_date",
|
|
1145
|
+
date: isRangeValid ? newEndDate : void 0
|
|
1146
|
+
});
|
|
1147
|
+
handleDateRangeChange({
|
|
1148
|
+
from: startDate,
|
|
1149
|
+
to: isRangeValid ? newEndDate : void 0
|
|
1150
|
+
});
|
|
1100
1151
|
} }, inputEndDateProps));
|
|
1101
1152
|
var handleCalendarSelectRange = function(range) {
|
|
1102
|
-
var
|
|
1103
|
-
var
|
|
1104
|
-
|
|
1105
|
-
|
|
1153
|
+
var inputStartValue = transformDateToInputValue(range === null || range === void 0 ? void 0 : range.from);
|
|
1154
|
+
var inputEndValue = transformDateToInputValue(range === null || range === void 0 ? void 0 : range.to);
|
|
1155
|
+
var newStartDate = validateStartDate(range === null || range === void 0 ? void 0 : range.from, inputStartValue);
|
|
1156
|
+
var newEndDate = validateEndDate(range === null || range === void 0 ? void 0 : range.to, inputEndValue);
|
|
1157
|
+
dispatch({
|
|
1158
|
+
type: "update_selected_start_date",
|
|
1159
|
+
date: newStartDate,
|
|
1160
|
+
inputValue: inputStartValue
|
|
1161
|
+
});
|
|
1162
|
+
dispatch({
|
|
1163
|
+
type: "update_selected_end_date",
|
|
1164
|
+
date: newEndDate,
|
|
1165
|
+
inputValue: inputEndValue
|
|
1166
|
+
});
|
|
1106
1167
|
handleDateRangeChange({ from: newStartDate, to: newEndDate });
|
|
1107
1168
|
};
|
|
1108
1169
|
React.useEffect(function() {
|
|
1109
|
-
var newStartDate = validateStartDate(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from);
|
|
1110
|
-
var newEndDate = validateEndDate(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to);
|
|
1170
|
+
var newStartDate = validateStartDate(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.from, state.inputStartValue);
|
|
1171
|
+
var newEndDate = validateEndDate(selectedRange === null || selectedRange === void 0 ? void 0 : selectedRange.to, state.inputEndValue);
|
|
1172
|
+
if (newStartDate && !isValidRange(newStartDate, newEndDate)) {
|
|
1173
|
+
dispatch({
|
|
1174
|
+
type: "update_selected_end_date",
|
|
1175
|
+
date: void 0
|
|
1176
|
+
});
|
|
1177
|
+
}
|
|
1111
1178
|
handleDateRangeChange({ from: newStartDate, to: newEndDate });
|
|
1112
1179
|
}, []);
|
|
1113
1180
|
return React.createElement(
|
|
1114
1181
|
"div",
|
|
1115
1182
|
SuccessIcon.__assign({ className: classnames(styles$s.filterDateRangePickerField, classNameOverride) }, restProps),
|
|
1116
|
-
React.createElement(DateRangeInputField, { id: "".concat(id, "--input"), legend: label, inputStartDateProps: SuccessIcon.__assign(SuccessIcon.__assign({ labelText: inputStartDateLabel, value:
|
|
1183
|
+
React.createElement(DateRangeInputField, { id: "".concat(id, "--input"), legend: label, inputStartDateProps: SuccessIcon.__assign(SuccessIcon.__assign({ labelText: inputStartDateLabel, value: state.inputStartValue }, inputStartDateProps), inputStartDateHandlers), inputEndDateProps: SuccessIcon.__assign(SuccessIcon.__assign({ labelText: inputEndDateLabel, value: state.inputEndValue }, inputEndDateProps), inputEndDateHandlers), locale, description, validationMessage: {
|
|
1117
1184
|
dateStart: dateStartValidation.validationMessage,
|
|
1118
1185
|
dateEnd: dateEndValidation.validationMessage
|
|
1119
1186
|
}, classNameOverride: styles$s.dateRangeInputField }),
|
|
1120
|
-
React.createElement(Calendar.CalendarRange, { disabled: disabledDays, locale, selected:
|
|
1187
|
+
React.createElement(Calendar.CalendarRange, { disabled: disabledDays, locale, selected: {
|
|
1188
|
+
from: state.selectedStartDate,
|
|
1189
|
+
to: state.selectedEndDate
|
|
1190
|
+
}, onSelect: handleCalendarSelectRange, month: state.startMonth, onMonthChange: function(value) {
|
|
1191
|
+
return dispatch({ type: "navigate_months", date: value });
|
|
1192
|
+
} })
|
|
1121
1193
|
);
|
|
1122
1194
|
};
|
|
1123
1195
|
FilterDateRangePickerField.displayName = "FilterDateRangePickerField";
|
|
@@ -1131,7 +1203,7 @@ var FilterDateRangePicker = function(_a) {
|
|
|
1131
1203
|
return React.createElement(
|
|
1132
1204
|
Filter,
|
|
1133
1205
|
{ isOpen, setIsOpen, renderTrigger: function(triggerProps) {
|
|
1134
|
-
return renderTrigger(SuccessIcon.__assign({ selectedValue: isCompleteDateRange(selectedRange) ? React.createElement(DateRangeDisplayLabel, { dateRange: selectedRange, locale: getLocale.getLocale(locale) }) : void 0, label }, triggerProps));
|
|
1206
|
+
return renderTrigger(SuccessIcon.__assign({ selectedValue: isCompleteDateRange(selectedRange) && isValidRange(selectedRange.from, selectedRange.to) ? React.createElement(DateRangeDisplayLabel, { dateRange: selectedRange, locale: getLocale.getLocale(locale) }) : void 0, label }, triggerProps));
|
|
1135
1207
|
} },
|
|
1136
1208
|
React.createElement(
|
|
1137
1209
|
FilterContents,
|